:root{--navy:#0b2a4a;--navy-2:#103a63;--sea:#0e6ba8;--sea-light:#e8f2f9;--sand:#f7f4ec;--bg:#f4f7fa;--card:#fff;--ink:#16283a;--muted:#5d7186;--line:#d9e3ec;--ok:#177245;--ok-bg:#e5f4ec;--warn:#9a6a00;--warn-bg:#fdf3d7;--bad:#b3261e;--bad-bg:#fdecea;--demo:#6d28d9;--demo-bg:#efe9fd;--radius:10px;--sidebar-w:248px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45}a{color:var(--sea);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.55rem;margin:0}h1,h2{color:var(--navy)}h2{font-size:1.15rem;margin:0 0 .6rem}h3{font-size:1rem;margin:0 0 .5rem;color:var(--navy)}p{margin:0 0 .6rem}.app-shell{display:flex;min-height:100vh}.main{flex:1 1;min-width:0;padding:1.25rem 1.5rem 3rem;max-width:1240px;margin:0 auto;width:100%}.bare-main{padding:2rem 1rem;max-width:900px;margin:0 auto}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--navy);color:#dcebf7;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-top{justify-content:space-between;padding:.9rem 1rem .6rem}.brand,.sidebar-top{display:flex;align-items:center}.brand{gap:.6rem;color:#fff}.brand:hover{text-decoration:none}.brand-mark{font-size:1.5rem}.brand-logo{display:block;width:38px;height:38px;border-radius:9px;background:#fff;flex:none}.login-logo{display:block;width:230px;max-width:80%;height:auto;margin:0 auto .4rem}.login-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand strong{display:block;font-size:1.05rem;letter-spacing:.02em}.brand small{display:block;color:#9fc0da;font-size:.72rem}.menu-toggle{display:none;background:transparent;border:1px solid #3d6186;color:#fff;border-radius:6px;font-size:1.1rem;padding:.2rem .55rem;cursor:pointer;min-width:44px;min-height:44px}.nav-links{display:flex;flex-direction:column;gap:2px;padding:.4rem .6rem}.nav-link{color:#cfe2f1;padding:.42rem .6rem;border-radius:7px;font-size:.93rem}.nav-link:hover{background:var(--navy-2);text-decoration:none}.nav-link.active{background:var(--sea);color:#fff;font-weight:600}.sidebar-user{margin-top:auto;padding:.9rem 1rem 1.1rem;border-top:1px solid #274b6e}.user-name{font-weight:600;color:#fff;font-size:.92rem}.user-meta{color:#9fc0da;font-size:.78rem;margin-bottom:.5rem;word-break:break-all}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}.page-sub{color:var(--muted);margin-top:.25rem}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1.1rem}.grid-2{grid-template-columns:1fr 1fr;grid-gap:1.1rem}.grid-2,.grid-3{display:grid;gap:1.1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1.1rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.9rem;gap:.9rem;margin-bottom:1.1rem}.kpi-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--sea);border-radius:var(--radius);padding:.85rem 1rem}.kpi-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--navy);margin-top:.15rem}.kpi-sub{color:var(--muted);font-size:.82rem;margin-top:.15rem}.metric{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem}.metric-label{color:var(--muted);font-size:.82rem;display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.metric-value{font-size:1.35rem;font-weight:700;color:var(--navy);margin:.15rem 0}.metric-def{color:var(--muted);font-size:.8rem;margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:.9rem;gap:.9rem;margin-bottom:1.1rem}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:.92rem}table.table th{text-align:left;color:var(--muted);font-weight:600;border-bottom:2px solid var(--line);padding:.45rem .55rem;white-space:nowrap}table.table td{border-bottom:1px solid var(--line);padding:.5rem .55rem;vertical-align:top}table.table tr:hover td{background:#f8fbfd}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.num,th.num{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--sea);color:#fff;border:1px solid var(--sea);border-radius:8px;padding:.48rem .95rem;font-size:.92rem;cursor:pointer;font-weight:600;min-height:44px}.btn:hover{background:var(--navy-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--line)}.btn-secondary:hover{background:var(--sea-light)}.btn-danger{background:var(--bad);border-color:var(--bad)}.btn-ghost{background:transparent;color:#cfe2f1;border-color:#3d6186}.btn-ghost:hover{background:var(--navy-2)}.btn-sm{padding:.4rem .7rem;font-size:.85rem;min-height:38px}.btn-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.badge{display:inline-block;padding:.08rem .5rem;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.02em;vertical-align:middle}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-info{background:var(--sea-light);color:var(--navy-2)}.badge-demo{background:var(--demo-bg);color:var(--demo);border:1px solid var(--demo)}.badge-neutral{background:#edf1f5;color:var(--muted)}.alert{border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:1rem;border:1px solid;font-size:.93rem}.alert-error{background:var(--bad-bg);border-color:#f0b8b3;color:#7c1a14}.alert-warn{background:var(--warn-bg);border-color:#ecd28a;color:#6b4e00}.alert-ok{background:var(--ok-bg);border-color:#a9d8bf;color:#0d4d2b}.alert-info{background:var(--sea-light);border-color:#bcd8ec;color:var(--navy)}.state-box{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:1.6rem;text-align:center;color:var(--muted);margin-bottom:1.1rem}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--sea);border-radius:50%;margin:0 auto .6rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:.8rem 1rem;gap:.8rem 1rem}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.field-label{font-weight:600;color:var(--navy);font-size:.85rem}.field-hint{color:var(--muted);font-size:.78rem}.input,.select,.textarea{border:1px solid var(--line);border-radius:8px;padding:.5rem .65rem;font-size:1rem;background:#fff;color:var(--ink);width:100%;font-family:inherit;min-height:44px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--sea);outline-offset:0;border-color:var(--sea)}.textarea{min-height:84px;resize:vertical}.checkbox-row{display:flex;gap:.55rem;align-items:flex-start;font-size:.92rem}.checkbox-row input{margin-top:.1rem;width:24px;height:24px;flex:none}.filters{display:flex;gap:.7rem;flex-wrap:wrap;align-items:end;margin-bottom:1rem}.filters .field{min-width:160px}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1.1rem;margin:0 0 1.1rem;background:var(--card)}legend{font-weight:700;color:var(--navy);padding:0 .4rem}.cal-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal-dow{text-align:center;font-weight:700;color:var(--muted);font-size:.8rem;padding:.3rem 0;text-transform:uppercase}.cal-cell{background:var(--card);border:1px solid var(--line);border-radius:8px;min-height:104px;padding:.35rem;font-size:.78rem}.cal-cell.outside{opacity:.45}.cal-cell.today{border-color:var(--sea);box-shadow:inset 0 0 0 1px var(--sea)}.cal-daynum{font-weight:700}.cal-chip,.cal-daynum{color:var(--navy);margin-bottom:.25rem}.cal-chip{display:block;background:var(--sea-light);border-left:3px solid var(--sea);border-radius:4px;padding:.12rem .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-chip:hover{text-decoration:none;background:#d9eaf6}.cal-chip.cancelled{border-left-color:var(--bad);background:var(--bad-bg)}.cal-more{color:var(--muted);font-size:.74rem}.signature-pad{border:2px dashed var(--sea);border-radius:var(--radius);background:#fff;width:100%;max-width:640px;height:auto;aspect-ratio:640/260;touch-action:none;cursor:crosshair;display:block}.legal-note{background:var(--warn-bg);border:1px solid #ecd28a;color:#6b4e00;border-radius:var(--radius);padding:.8rem 1rem;font-size:.9rem;margin-bottom:1rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(160deg,var(--navy),var(--sea))}.login-card{background:#fff;border-radius:14px;padding:2rem;width:100%;max-width:400px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.login-card h1{text-align:center;margin-bottom:.3rem}.login-card .login-sub{text-align:center;color:var(--muted);margin-bottom:1.2rem}.terms{max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem}.terms ol{padding-left:1.4rem}.terms li{margin-bottom:.9rem;text-align:justify}.muted{color:var(--muted)}.small{font-size:.83rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.kv{display:grid;grid-template-columns:minmax(150px,220px) 1fr;grid-gap:.35rem .9rem;gap:.35rem .9rem;font-size:.93rem}.kv dt{color:var(--muted);font-weight:600}.kv dd{margin:0}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end}hr.sep{border:none;border-top:1px solid var(--line);margin:1rem 0}ul.clean{list-style:none;padding:0;margin:0}ul.clean li{padding:.45rem 0;border-bottom:1px solid var(--line)}ul.clean li:last-child{border-bottom:none}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.app-shell{flex-direction:column}.main{padding:1rem .8rem 2.5rem}.sidebar{width:100%;flex:none;position:-webkit-sticky;position:sticky;top:0;height:auto;z-index:30}.menu-toggle{display:block}.nav-links{display:none}.nav-links.open{display:flex;max-height:55vh;overflow-y:auto}.sidebar-user{display:none}.nav-links.open+.sidebar-user{display:block}.cal-cell{min-height:74px;font-size:.7rem}.kv{grid-template-columns:1fr}.kv dt{margin-top:.4rem}.nav-link{min-height:44px;display:flex;align-items:center}.signature-pad{max-width:none}}@media (max-width:640px){.filters .field{flex:1 1 100%;min-width:0}.page-actions .btn{flex:1 1 auto}}