:root{--bg:#f6f8fb;--panel:#fff;--text:#17202a;--muted:#667085;--line:#e5e7eb;--brand:#246b5a;--brand2:#eaf5f1;--warn:#9a6700;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#12241f;color:#fff;padding:24px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:800;margin-bottom:26px}.nav a{display:block;padding:10px 12px;border-radius:9px;margin:4px 0;color:#d8e5e0}.nav a:hover{background:#1d3a31;color:#fff}.main{padding:24px 28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.filters{display:flex;gap:10px;flex-wrap:wrap}.btn,.input,.select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.btn{cursor:pointer;font-weight:700}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.secondary{background:var(--brand2);color:var(--brand)}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px}.grid2,.grid4{display:grid;gap:14px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.kpi{font-size:28px;font-weight:800;margin-top:8px}.muted{color:var(--muted);font-size:13px}.section{margin-top:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#eef2f6}.good{color:#067647;background:#ecfdf3}.warn{color:#9a6700;background:#fffaeb}.danger{color:#b42318;background:#fef3f2}.workflow{display:flex;gap:8px;flex-wrap:wrap}.step{padding:8px 10px;border-radius:9px;background:#eef2f6;font-size:13px}.step.done{background:#ecfdf3;color:#067647}.step.current{background:#eaf5f1;color:#246b5a;font-weight:800}.actionbar{position:-webkit-sticky;position:sticky;bottom:16px;margin-top:20px;background:#10231e;color:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 35px #0002}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:14px}.progress{height:8px;background:#eef2f6;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--brand)}@media(max-width:950px){.shell{grid-template-columns:1fr}.side{display:none}.grid2,.grid4{grid-template-columns:1fr 1fr}}@media(max-width:640px){.grid2,.grid4{grid-template-columns:1fr}.main{padding:16px}}.auth-main{min-height:100vh;padding:0;background:#f6f8fb}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr)}.auth-brand-panel{background:#12241f;color:#fff;padding:48px clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between}.auth-brand{font-size:24px;font-weight:800}.auth-brand-panel h1{font-size:clamp(38px,5vw,64px);line-height:1.02;max-width:620px;margin:12px 0 20px}.auth-brand-panel p{max-width:560px;color:#d8e5e0;line-height:1.6}.auth-eyebrow{font-size:12px!important;letter-spacing:.16em;font-weight:800;color:#79c9ad!important}.auth-privacy{font-size:13px}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 18px 60px #13271f12}.auth-card h2{font-size:30px;margin:0 0 8px}.auth-card .label{display:block;margin-top:18px;font-size:14px;font-weight:700}.auth-input{width:100%;margin-top:7px}.auth-submit{width:100%;margin-top:20px}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-error{margin-top:14px;padding:10px 12px;border-radius:10px;background:#fef3f2;color:#b42318;font-size:14px}@media(max-width:850px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{min-height:280px;padding:32px}.auth-brand-panel h1{font-size:40px}.auth-form-panel{padding:28px 18px}.auth-privacy{display:none}}.nav a.active{font-weight:800;box-shadow:inset 3px 0 0 #79c9ad}.nav a.active,.nav a.active:hover{background:#2b715f}.auth-link-button{display:block;text-align:center;width:100%}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted);font-size:12px}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:var(--line);flex:1 1}.auth-footnote{text-align:center;font-size:13px;color:var(--muted);margin:16px 0 0}.auth-footnote a,.text-link{color:var(--brand);font-weight:800}.auth-form-panel-scroll{align-items:flex-start;overflow:auto}.auth-card-wide{width:min(680px,100%);margin:20px 0}.auth-card-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.field{min-width:0}.span2{grid-column:1/-1}.form-section-title{grid-column:1/-1;font-weight:800;font-size:13px;letter-spacing:.08em;color:var(--brand);margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.form-section-title:first-child{margin-top:0;padding-top:0;border-top:0}.field .label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.full-width{width:100%}.invite-card,.invite-heading{margin-bottom:16px}.invite-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.invite-heading h3{margin:0 0 6px}.invite-note{font-size:13px;color:var(--muted);background:#f8fafc;border:1px solid var(--line);padding:10px 12px;border-radius:10px}.invite-actions{display:flex;justify-content:flex-end}.success-message{margin-top:14px;padding:10px 12px;border-radius:10px;background:#ecfdf3;color:#067647;font-size:14px}.section-bottom{margin-bottom:16px}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.auth-card-heading{display:block}.auth-card-heading .text-link{display:inline-block;margin-top:10px}}.workspace{min-width:0}.appbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.appbar-user{margin-left:12px;color:var(--muted);font-size:13px}.appbar-actions{display:flex;gap:8px;align-items:center}.icon-btn{min-width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;display:inline-flex;cursor:pointer;position:relative;font-size:16px}.icon-btn,.notif-count{align-items:center;justify-content:center}.notif-count{position:absolute;right:-5px;top:-5px;background:var(--danger);color:#fff;font-size:10px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:flex}.attendance-home{justify-content:space-between;gap:16px;margin-bottom:16px;border-left:4px solid var(--brand)}.attendance-home,.verify-row{display:flex;align-items:center}.verify-row{gap:8px;flex-wrap:wrap;margin:8px 0}.verify-row .input{max-width:140px}.compact-top{margin-top:8px}.text-button{border:0;background:none;color:var(--brand);font-weight:800;padding:4px 0;cursor:pointer}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:16px 0}.check{display:flex;gap:8px;align-items:flex-start;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff}.check small{display:block;color:var(--muted)}.staff-toggle{margin:12px 0;background:var(--brand2)}.danger-btn{color:var(--danger);margin-left:6px}.modal-backdrop{position:fixed;inset:0;background:#0007;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:16px;padding:22px;width:min(620px,100%);max-height:85vh;overflow:auto}.small-kpi{font-size:22px}@media(max-width:900px){.permission-grid{grid-template-columns:1fr 1fr}.appbar{padding:0 16px}}@media(max-width:640px){.permission-grid{grid-template-columns:1fr}.appbar-user{display:none}}.login-help{text-align:right;margin-top:10px}.login-help a{color:var(--brand);font-size:13px;font-weight:800}.status-banner{background:#fffaeb;color:#7a5b00;border-bottom:1px solid #f5d982;padding:10px 28px;font-size:13px}.danger-zone{border-color:#f2b8b5;background:#fffafa}.danger-zone h3{color:var(--danger)}.danger-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-outline{color:var(--danger);border-color:#f0b3ae;background:#fff}.lifecycle-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}:root{--accent:#79c9ad;--side:#102923;--sideText:#e8f2ef}:root[data-mode=dark]{--bg:#0f1720;--panel:#17212b;--text:#f5f7fa;--muted:#9aa4b2;--line:#2a3744;--brand2:#183b34;--side:#081712;--sideText:#eef7f4}:root[data-mode=dark] .btn,:root[data-mode=dark] .check,:root[data-mode=dark] .icon-btn,:root[data-mode=dark] .input,:root[data-mode=dark] .select,:root[data-mode=dark] .top-action{background:#15202a;color:var(--text);border-color:var(--line)}:root[data-mode=dark] .auth-card,:root[data-mode=dark] .modal{background:var(--panel);color:var(--text)}:root[data-mode=dark] .appbar,:root[data-mode=dark] .empty-state{background:#111b24}.shell{grid-template-columns:260px 1fr}.side{background:var(--side);padding:18px 14px;display:flex;flex-direction:column}.clinic-brand{gap:12px;padding:8px 8px 20px;border-bottom:1px solid #ffffff18;margin-bottom:14px}.clinic-brand,.clinic-logo{display:flex;align-items:center}.clinic-logo{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--brand);justify-content:center;font-size:20px;overflow:hidden;flex:0 0 auto}.clinic-logo img{width:100%;height:100%;object-fit:contain}.clinic-name{font-size:16px;font-weight:850;line-height:1.2;max-width:165px}.powered{font-size:11px;color:#a9beb7;margin-top:4px}.nav{flex:1 1}.nav a{display:flex;gap:10px}.nav a,.nav-icon{align-items:center}.nav-icon{width:25px;height:25px;border-radius:7px;background:#ffffff0c;display:inline-flex;justify-content:center;font-size:14px}.nav a.active .nav-icon{background:#ffffff1d}.side-footer{border-top:1px solid #ffffff18;padding:16px 9px 4px;color:#c4d6d0;font-size:12px;display:flex;justify-content:space-between;gap:8px}.appbar{height:68px}.appbar-title{display:flex;align-items:baseline;gap:12px}.appbar-title span{color:var(--muted);font-size:13px}.top-action{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;position:relative;font-weight:700}.top-action:hover{border-color:var(--brand);color:var(--brand)}.notif-count{position:static;margin-left:2px;font-style:normal}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.small{padding:6px 9px;font-size:12px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:15px}.empty-state{padding:32px;text-align:center;color:var(--muted);background:#f9fafb;border-radius:10px}.table-wrap{overflow:auto}.textarea{min-height:90px;resize:vertical}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-head h2{margin:0 0 5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-wide{width:min(820px,100%)}.branding-preview{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.logo-preview{width:56px;height:56px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:23px}.logo-preview img{width:100%;height:100%;object-fit:contain}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.theme-choice{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px;display:flex;align-items:center;gap:8px;cursor:pointer}.theme-choice.selected{outline:2px solid var(--brand);border-color:transparent}.theme-dot{width:18px;height:18px;border-radius:50%;background:#246b5a}.theme-dot.ocean{background:#175cd3}.theme-dot.indigo{background:#444ce7}.theme-dot.violet{background:#7f56d9}.theme-dot.slate{background:#344054}.theme-dot.rose{background:#c11574}.theme-dot.custom{background:linear-gradient(135deg,#12b76a,#7f56d9,#f04438)}.color-input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:4px}.settings-save{margin-top:14px;min-width:190px}@media(max-width:1100px){.top-action span{display:none}.shell{grid-template-columns:220px 1fr}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:950px){.shell{grid-template-columns:1fr}.appbar-title span,.side{display:none}}@media(max-width:640px){.grid3,.theme-grid{grid-template-columns:1fr}.top-action{padding:8px}.main{padding:16px}}.auth-status-card{max-width:520px;margin:12vh auto;padding:28px;border:1px solid var(--border,#d0d5dd);border-radius:18px;background:var(--panel,#fff);color:var(--text,#101828);box-shadow:0 12px 36px rgba(16,24,40,.08);display:grid;grid-gap:14px;gap:14px}:root{--bg:#fffaf2;--panel:#fffefb;--text:#17372f;--muted:#667a72;--line:#dfe9e3;--brand:#11775e;--brand2:#eaf8f2;--accent:#7bcab0;--side:#f7fff9;--sideText:#17372f}body{background:radial-gradient(circle at 85% 5%,#fff4d7 0,transparent 24%),radial-gradient(circle at 4% 90%,#e8f8ef 0,transparent 26%),var(--bg)}.side{background:linear-gradient(180deg,#f9fff9,#eef9f2);color:var(--text);border-right:1px solid #dcebe3;box-shadow:8px 0 28px #426c5b0b}.clinic-brand{border-bottom-color:#d8e9df}.clinic-logo{border:1px solid #d7e8df;box-shadow:0 5px 16px #426c5b16}.powered{color:#6d837a}.nav a{color:#31584c}.nav a:hover{background:#e2f5ec;color:#0d624e}.nav a.active{background:linear-gradient(90deg,#159071,#55b998);color:#fff;box-shadow:0 6px 18px #11775e25}.nav-icon{background:#dff1e8}.nav a.active .nav-icon{background:#ffffff2b}.side-footer{border-top-color:#d8e9df;color:#648077}.appbar{background:rgba(255,254,251,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#dfe9e3}.card{box-shadow:0 10px 30px #315b4d0b}.btn.primary{background:linear-gradient(135deg,#11775e,#239878)}.top-action:hover{background:#eef9f4}.attendance-home{background:linear-gradient(90deg,#f4fff8,#fffefb)}:root[data-mode=dark]{--bg:#10231e;--panel:#173029;--text:#f5fbf8;--muted:#b4c8c0;--line:#315048;--brand:#65c7a6;--brand2:#1d4137;--side:#0a1d18;--sideText:#f4fbf8}:root[data-mode=dark] body{background:radial-gradient(circle at 85% 5%,#263d2c 0,transparent 24%),#10231e}:root[data-mode=dark] .side{background:linear-gradient(180deg,#0a1d18,#102b23);color:#f4fbf8;border-right-color:#27473e}:root[data-mode=dark] .nav a{color:#d5e7e0}:root[data-mode=dark] .nav-icon{background:#ffffff10}:root[data-mode=dark] .powered,:root[data-mode=dark] .side-footer{color:#a9c2b9}:root[data-mode=dark] .clinic-brand,:root[data-mode=dark] .side-footer{border-color:#ffffff18}