:root{--background:#f3f6fb;--foreground:#182942;--card:#fff;--card-foreground:#182942;--popover:#fff;--popover-foreground:#182942;--primary:#245be5;--primary-foreground:#fff;--secondary:#eaf0ff;--secondary-foreground:#245be5;--muted:#edf2f8;--muted-foreground:#61728c;--accent:#eaf0ff;--accent-foreground:#245be5;--destructive:#be3544;--border:#dce4f0;--input:#cbd6e5;--ring:#245be5;--radius:0.65rem;--sidebar:#122b51;--sidebar-foreground:#fff;--sidebar-primary:#245be5;--sidebar-primary-foreground:#fff;--sidebar-accent:#28416b;--sidebar-accent-foreground:#fff;--sidebar-border:#314c77;--sidebar-ring:#6c95ff}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,"Noto Sans CJK SC","Noto Sans JP",sans-serif;font-size:16px;line-height:1.6}button,a,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none;color:var(--primary)}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.4;letter-spacing:-.04em;font-weight:750}h2{font-size:1.2rem;font-weight:700;margin-bottom:16px}h3{font-size:1.05rem;font-weight:650;margin:10px 0}p{margin:8px 0}button:focus-visible,a:focus-visible{outline:3px solid #81a8ff;outline-offset:3px}input:not([type=file]),textarea{width:100%;min-height:45px;border:1px solid var(--input);border-radius:8px;padding:10px 12px;background:#fff;outline:none;color:var(--foreground);font-size:16px}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #245be514}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 4.5%;background:#fff;border-bottom:1px solid var(--border);gap:12px}.brand{display:flex;align-items:center;gap:12px;color:var(--foreground)}.brandmark{width:43px;height:43px;background:#245be5;color:white;border-radius:12px;display:grid;place-items:center}.brand b{font-size:16px;display:block}.brand small{display:block;color:#6f7d93;font-size:12px;letter-spacing:.1em}.topactions{display:flex;align-items:center;gap:10px}.language{display:flex;background:#eef3fa;padding:3px;border-radius:9px}.language button{font-size:14px;padding:6px 10px;border:0;background:transparent;border-radius:6px;color:#66748b}.language button.active{background:#fff;color:#245be5;box-shadow:0 1px 3px #18304c19}.signout{color:#71809a;padding:6px}.shell{max-width:1250px;margin:0 auto;padding:32px 28px 0}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.pagehead p{color:#6b7c94;max-width:810px;font-size:14px;margin-top:10px}.eyebrow{color:#245be5;font-size:12px;font-weight:700;letter-spacing:.17em;margin-bottom:6px}.panel{border:1px solid var(--border);border-radius:14px;background:#fff;padding:26px;box-shadow:0 5px 20px #20325704;margin-bottom:18px}.login{max-width:610px;margin:40px auto;text-align:center;padding:45px}.login svg{margin:0 auto 15px;color:var(--primary)}.login p{color:#667890;margin-bottom:24px}.login .privacy{margin-top:28px}.primary,.outline,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:15px;line-height:1.4;border:1px solid transparent}.primary{background:#245be5;color:#fff}.primary:hover{background:#164ac9}.outline{background:#fff;border-color:#d3deec;color:#405675}.outline:hover{background:#f1f5fc}.danger{background:#fff0f1;color:#b73042;border:1px solid #f4d6db}.small{min-height:36px;padding:7px 12px;font-size:14px}.muted{color:#6c7b92;font-size:14px}.privacy{display:flex;align-items:flex-start;justify-content:center;gap:8px;color:#697e96;font-size:14px}.privacy svg{flex-shrink:0;margin-top:3px}.registration-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px}.aside .panel{padding:22px}.aside .privacy{padding:12px}.step-label{display:flex;align-items:center;gap:9px;color:#536983;font-size:14px}.aside h3{font-size:22px;margin:15px 0 10px}.navtabs{height:auto!important;min-height:48px!important;display:flex!important;gap:4px!important;width:100%!important;justify-content:flex-start!important;background:#e8eef7!important;padding:5px!important;margin-bottom:16px;border-radius:11px!important;overflow-x:auto}.navtabs button{padding:10px 14px;min-height:38px;font-size:14px;flex:none}.navtabs button[data-state=active]{color:#245be5;background:#fff!important}.sectionhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.sectionhead h2{margin:0;flex:1;min-width:100px}.sectionhead>input{max-width:250px}.sectionhead>.pick{width:155px}.stepnum{color:#cad7eb;font-size:25px;font-weight:700;letter-spacing:-.08em}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:14px;color:#465972;font-weight:600}.pick{width:100%!important;min-height:45px!important;height:auto!important;padding:10px 12px!important;white-space:normal!important;font-size:16px!important;box-shadow:none!important}.pick [data-slot=select-value]{white-space:normal!important}.photohint{margin:20px 0 12px}.upload{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #b3c8e5;border-radius:10px;padding:18px;text-align:center;background:#f7faff;cursor:pointer}.upload svg{color:#5485de}.upload b{font-size:14px}.upload span{font-size:13px;color:#6c7b92;overflow-wrap:anywhere}.upload input{max-width:100%;font-size:13px}.checkline{display:flex;gap:10px;align-items:flex-start;margin:20px 0 24px;font-size:14px;color:#61738d}.checkline>button{flex-shrink:0;margin-top:3px}.notice{padding:14px 16px;border:1px solid #d9e5f8;border-radius:9px;background:#f3f7ff;color:#4c6487;font-size:14px;margin:16px 0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.notice svg{flex-shrink:0;margin-top:2px}.notice small{display:block;flex-basis:100%;font-size:13px}.notice.error{border-color:#f2cdd1;background:#fff4f4;color:#ac3744}.badge{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:4px 9px;border-radius:6px;background:#edf2f7;color:#677991;white-space:normal;line-height:1.5}.badge.approved,.badge.confirmed{color:#207451;background:#e7f6ef}.badge.pending,.badge.requested{color:#a26d14;background:#fff5df}.badge.rejected,.badge.absent{color:#b03647;background:#ffedef}.badge.needs_info{color:#8254ac;background:#f2eafa}.badge.cancelled{color:#7c8695;background:#eff1f4}.calendarbar,.monthcontrol{display:flex;align-items:center;gap:12px}.calendarbar{justify-content:space-between;flex-wrap:wrap;margin:8px 0 20px}.calendarbar .pick{width:130px!important}.monthcontrol button{border:1px solid var(--border);padding:8px;border-radius:7px;background:#fff;color:#637690}.monthcontrol input{width:170px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekday{text-align:center;color:#8190a5;font-size:13px;padding:8px 0}.calday{display:flex;align-items:center;justify-content:space-between;flex-direction:column;min-height:78px;border:1px solid #e0e7f0;background:#fff;border-radius:9px;padding:10px 5px;color:#334b6c}.calday span{font-size:17px;font-weight:600}.calday small{font-size:11px;color:#7e8d9f}.calday.today{border-color:#6592ed}.calday.chosen{background:#245be5;color:#fff;border-color:#245be5}.calday:disabled{background:#f5f7fa;opacity:.7}.selectedline{display:flex;flex-direction:column;gap:5px;margin:20px 0;color:#4c6589;font-size:14px}.selectedline span{color:#7485a1}.myrecords{margin-top:20px}.myrecord{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #edf1f6;font-size:14px;flex-wrap:wrap}.myrecord b{font-size:16px}.myrecord p{color:#7c8ba3;font-size:13px;margin:2px 0}.myrecord>.badge{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{position:relative;background:#fff;border:1px solid var(--border);border-radius:13px;padding:21px 23px}.stat>svg{position:absolute;right:22px;top:22px;color:#a3b4cf}.stat>span{font-size:14px;color:#6d7d96}.stat strong{display:block;font-size:35px;line-height:1.4;font-weight:750;color:#224875;margin-top:8px}.stat small{font-size:13px;font-weight:400;margin-left:10px;color:#8290a5}.stat:first-child{background:#153c74;border-color:#153c74}.stat:first-child span,.stat:first-child small,.stat:first-child svg{color:#a6c0e6}.stat:first-child strong{color:#fff}.tablewrap{overflow-x:auto}.tablewrap table{font-size:14px}.tablewrap th{font-size:13px;color:#8190a8;background:#f7f9fc;padding:13px}.tablewrap td{padding:14px 13px;vertical-align:middle}.tablewrap td svg{display:inline;vertical-align:middle}.todayrow{background:#f0f5ff}.blue{color:#245be5}.textbutton{border:0;background:transparent;color:#245be5;text-align:left;font-weight:600}.empty{text-align:center;padding:46px 20px;color:#7c8ba4;font-size:15px}.empty svg{margin:0 auto 15px;color:#b0bfd4}.shiftsetting{border:1px solid #e3eaf4;padding:20px;border-radius:10px}.shiftsetting .field{margin-bottom:12px}.managerrow{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eef2f7;gap:15px;overflow-wrap:anywhere}.inlineform{display:flex;align-items:flex-end;gap:14px;margin-top:24px}.inlineform .field{flex:1}.detaildialog{max-width:780px!important;max-height:90vh;overflow-y:auto;padding:27px!important}.recorddialog{max-width:600px!important}.detailmeta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:14px;color:#657792}.cardphotos{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:8px 0 16px}.cardphotos a{border:1px solid var(--border);border-radius:8px;overflow:hidden;color:#6e829e;font-size:13px;text-align:center}.cardphotos img{width:100%;height:180px;object-fit:contain;background:#f4f6fa}.cardphotos span{display:block;padding:8px}.buttonrow{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.holidaybox{border-top:1px solid var(--border);margin-top:16px;padding-top:10px}footer{display:flex;justify-content:space-between;gap:20px;color:#8391a7;font-size:12px;border-top:1px solid #dfe6f0;padding:24px 0;margin-top:35px}footer span{max-width:60%;text-align:right}.blocked{max-width:700px;margin:70px auto;padding:30px;background:white;border-radius:14px}
@media(max-width:900px){.registration-layout{grid-template-columns:1fr}.aside{display:none}.stats{gap:10px}.stat{padding:15px}.stat svg{display:none}.stat strong{font-size:29px}.shell{padding:25px 18px 0}.topbar{padding:14px 18px}.topactions>svg{display:none}}
@media(max-width:560px){.brand b{font-size:13px}.brand small{font-size:11px}.brandmark{width:35px;height:35px;border-radius:9px}.brand{gap:8px}.language button{padding:5px 7px;font-size:12px}.topactions{gap:4px}.shell{padding:22px 12px 0}.pagehead{gap:10px;margin-bottom:22px;align-items:flex-start}.pagehead h1{font-size:26px}.pagehead p{font-size:14px}.pagehead>.small{font-size:12px;flex-shrink:0}.panel{padding:20px 16px;border-radius:11px}.formgrid{grid-template-columns:1fr;gap:16px}.navtabs{gap:0!important}.navtabs button{padding:9px 12px;font-size:13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:29px}.calendar{gap:4px}.calday{min-height:65px;padding:8px 1px;border-radius:7px}.calday span{font-size:16px}.calday small{font-size:10px}.inlineform{flex-direction:column;align-items:stretch}.cardphotos{grid-template-columns:1fr}.cardphotos img{height:auto;max-height:260px}.detaildialog{padding:22px 16px!important}.sectionhead>input{max-width:none}.login{margin:15px 0;padding:30px 20px}.myrecord{gap:8px}.myrecord .small{font-size:12px}footer{flex-direction:column;gap:4px}footer span{max-width:100%;text-align:left}.recorddialog .formgrid{grid-template-columns:1fr 1fr}}
/* Standalone PHP application */
select{width:100%;min-height:45px;border:1px solid var(--input);border-radius:8px;padding:10px 12px;background:#fff;color:var(--foreground);font:inherit}input[type=checkbox]{width:18px!important;min-height:18px!important;height:18px;accent-color:#245be5;flex-shrink:0;padding:0!important;margin-top:3px}.language a{padding:5px 9px;font-size:14px;color:#63758c;border-radius:7px}.language a.active{background:#fff;color:#245be5}.phpnav{display:flex;gap:4px;background:#e8eef7;border-radius:11px;padding:5px;margin-bottom:20px;overflow-x:auto}.phpnav a{padding:10px 15px;color:#607491;font-size:14px;white-space:nowrap}.phpnav a.active{background:white;color:#245be5;border-radius:7px}.authgrid{grid-template-columns:1fr;text-align:left}.phpcalendar{margin-top:22px;margin-bottom:20px}.calday:has(input:checked){background:#245be5;color:#fff;border-color:#245be5}.calday.disabled{background:#f5f7fa;color:#a5adbb}.personcard{border:1px solid var(--border);border-radius:10px;margin:14px 0;overflow:hidden}.personcard>summary{padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;background:#f8faff;font-size:14px}.personcard>summary>b{font-size:16px}.personbody{padding:20px}.tablewrap table{width:100%;border-collapse:collapse}.tablewrap td,.tablewrap th{text-align:left;border-bottom:1px solid #e7edf5;white-space:nowrap}.panel>summary{cursor:pointer;font-weight:650}.deletebox{margin-top:20px;border-top:1px solid var(--border);padding-top:15px;color:#b03647}hr{border:0;border-top:1px solid var(--border);margin:22px 0}.calendarbar form,.sectionhead form{display:flex;align-items:center;gap:10px}.calendarbar input,.sectionhead input{max-width:180px}.rolelabel{font-size:18px!important}input[type=file]{max-width:100%}.checkline{align-items:flex-start}[hidden]{display:none!important}.login button{width:100%}.brandmark{font-size:29px}
@media(max-width:560px){.phpnav a{padding:9px 10px}.language a{font-size:12px;padding:5px 6px}.personbody{padding:16px}.topbar{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr}.sectionhead form{flex-wrap:wrap}.inlineform input{min-width:0}}
/* KKDJ brand */
.brand b{font-size:24px;letter-spacing:.12em;font-weight:800;line-height:1.25;color:#153c74}.brand small{font-size:12px;letter-spacing:.025em;margin-top:4px}.brandmark{background:#153c74} @media(max-width:560px){.brand b{font-size:21px}.brand small{font-size:11px}}