:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1b3046;background:#f2f5f9;font-size:16px;--navy:#112c42;--teal:#087e78;--line:#e1e8ef;--muted:#607184;--shadow:0 3px 16px #16324a05}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin:0}h1{font-size:1.9rem;line-height:1.25;letter-spacing:-.6px;font-weight:750}h2{font-size:1.075rem;line-height:1.4}h3{font-size:1rem}p{line-height:1.6}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #179f9a;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--teal)}.icon{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}.skip-link{position:fixed;left:16px;top:-100px;z-index:200;background:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus{top:16px}
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;height:100svh;background:var(--navy);color:white;padding:34px 18px 22px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 36px}.brandmark{width:42px;height:44px;flex:none;background:#5ed8c5;border-radius:13px;color:#123d47;display:grid;place-items:center}.brandmark .icon{width:24px;height:24px}.brand strong{font-size:1rem;letter-spacing:1px;font-weight:750;white-space:nowrap}.brand small{display:block;font-size:.75rem;letter-spacing:1.2px;color:#b3c5d3;margin-top:7px}.navlabel{font-size:.75rem;letter-spacing:1.7px;color:#8fa9bc;padding:12px 14px 15px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#bcd0df;padding:14px 13px;border-radius:9px;font-size:.9rem;min-height:48px;transition:background .15s,color .15s}.nav button>.icon{width:19px;height:19px;opacity:.85}.nav button.active{background:#20475a;color:#e9fffa;box-shadow:inset 3px 0 #55d5bc}.nav button.active>.icon{color:#72e0c9;opacity:1}.nav button:hover{background:#24495e;color:#fff}.nav-count{margin-left:auto;min-width:23px;padding:2px 5px;border-radius:5px;background:#355064;color:#e8f3f9;font-size:.75rem;text-align:center}.sidebar-footer{margin-top:auto;padding:36px 0 0;color:#a5bacb;font-size:.8125rem;line-height:1.7}.sidebar-footer>p{padding:18px 13px 0}.workspace-card{border:1px solid #335063;background:#1a384f;border-radius:11px;padding:14px 10px;display:flex;gap:10px;align-items:center}.workspace-card>.icon{color:#6ddbc7}.workspace-card strong{color:#e3eff6;display:block;font-size:.875rem}.workspace-card span{display:block;font-size:.75rem;margin-top:4px}.workspace{min-width:0}
.topbar{background:#fff;border-bottom:1px solid var(--line);min-height:80px;display:flex;justify-content:space-between;align-items:center;padding:17px 32px;gap:16px}.breadcrumb{min-width:0}.location{font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.location>strong{font-weight:600;color:#2d4358}.location>span{color:#bdc9d3}.mobile-title{display:none}.user{display:flex;align-items:center;gap:16px;flex:none}.user>.btn{background:#fff;border-color:#e5ebf0;font-weight:500}.user>.btn .icon{width:17px;height:17px}.avatar{width:35px;height:35px;background:#e5f2ef;color:#0a6963;border:1px solid #d0e6df;border-radius:50%;display:grid;place-items:center;font-weight:750;flex:none}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;min-height:44px;border-radius:8px}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary>.icon{width:15px;height:15px;color:var(--muted)}.account-label{font-size:.875rem;font-weight:600}.account-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:50;width:min(290px,calc(100vw - 32px));padding:8px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 16px 48px #102c4720}.account-identity{padding:12px 10px;border-bottom:1px solid var(--line);margin-bottom:7px}.account-identity strong,.account-identity span{display:block;font-size:.875rem;overflow-wrap:anywhere}.account-identity span{color:var(--muted);font-size:.8125rem;margin-top:5px}.account-popover .btn{border:0;width:100%;justify-content:flex-start;font-weight:500;min-height:44px}.account-popover .btn[data-action=logout]{color:#a03636;border-top:1px solid var(--line);border-radius:0;margin-top:5px}
.content{max-width:1550px;margin:auto;padding:23px 32px 28px}.content:focus{outline:none}.context-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.8125rem;margin-bottom:25px;min-height:24px}.context-label{display:flex;align-items:center;gap:7px;color:#14665e;background:#e6f2ed;padding:5px 9px;border-radius:6px;font-size:.75rem}.context-label .icon{height:14px;width:14px}.context-date{margin-left:auto;font-variant-numeric:tabular-nums}.context-strip.is-demo{padding:10px 12px;background:#fff6e5;border:1px solid #f0dfba;border-radius:9px;color:#805c21}.is-demo .context-label{background:#f7e9c7;color:#76540f}.context-strip.has-error{padding:12px;background:#fff0ee;border:1px solid #ecc9c2;color:#8a3028;border-radius:9px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:.75rem;letter-spacing:1.8px;color:#587486;font-weight:700;margin-bottom:8px}.sub{font-size:.9375rem;color:var(--muted);margin-top:8px;line-height:1.6}.buttons{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #d8e2e9;border-radius:8px;padding:10px 14px;background:white;color:#304b61;font-size:.875rem;font-weight:600;line-height:1.3;text-decoration:none;white-space:normal;transition:background .15s,border-color .15s}.btn:hover{background:#f0f6f7;border-color:#c1d4d9}.btn .icon{width:17px;height:17px}.btn.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 3px 6px #087e7814}.btn.primary:hover{background:#056b67;border-color:#056b67}.btn.small{font-size:.875rem;padding:7px 10px;min-height:36px}.btn.danger{color:#a63232}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.overview-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.overview-card:after{content:"";position:absolute;bottom:0;left:22px;right:22px;height:3px;border-radius:4px 4px 0 0;background:var(--tone);opacity:.6}.teal{--tone:#087e78;--tint:#e9f5f1}.blue{--tone:#3d67c3;--tint:#ecf1fc}.violet{--tone:#7457b5;--tint:#f2eef9}.amber{--tone:#a96b17;--tint:#fff3df}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.overview-heading .label{font-size:.875rem;color:#566b7e;line-height:1.5;font-weight:550}.stat-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:11px;background:var(--tint);color:var(--tone)}.overview-number{font-size:2.15rem;line-height:1.2;letter-spacing:-.9px;font-weight:750;font-variant-numeric:tabular-nums;color:#16344b;margin:15px 0 10px}.overview-meta{font-size:.75rem;color:var(--muted);line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:stretch}.dashboard-grid>.panel{margin:0;min-width:0}.program-panel{grid-column:span 7}.attention-panel{grid-column:span 5;display:flex;flex-direction:column}.activity-panel{grid-column:span 7}.quality-panel{grid-column:span 5}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:22px;box-shadow:var(--shadow)}.panelhead{padding:21px 23px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel-description{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:4px}.panelbody{padding:22px 23px}.count-badge{border:1px solid #e1e9ef;background:#f7f9fb;border-radius:7px;padding:6px 9px;color:#52697d;font-size:.8125rem;white-space:nowrap}.distribution{height:12px;display:flex;gap:3px;border-radius:6px;overflow:hidden;background:#eef2f5;margin-bottom:14px}.distribution>span{height:100%}.program-list{display:flex;flex-direction:column}.program-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #edf1f5}.program-row:last-child{border:0}.program-icon{height:42px;width:42px;border-radius:12px;display:grid;place-items:center;background:#f0f5f8;color:var(--program-color);flex:none}.program-info{flex:1;min-width:0}.program-info>strong{font-size:.9375rem;font-weight:650;display:block}.program-track{height:5px;border-radius:3px;background:#edf2f5;margin-top:11px;overflow:hidden;max-width:90%}.program-track>span{display:block;height:100%;border-radius:3px}.program-count{text-align:right;min-width:56px}.program-count strong{display:block;font-size:1.2rem;font-variant-numeric:tabular-nums}.program-count span{display:block;color:var(--muted);font-size:.8125rem;margin-top:3px}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;color:var(--muted);font-size:.75rem}.panel-bottom .btn{border:0;background:transparent;color:var(--teal);padding:7px 0;font-size:.875rem}.panel-bottom .btn:hover{text-decoration:underline}.priority-list{padding:18px 22px;flex:1}.priority-note{display:flex;gap:11px;border:1px solid #f0e0bd;background:#fff9ed;border-radius:9px;padding:14px;margin-bottom:12px}.priority-note .note-icon{color:#a26c1b}.priority-note strong{font-size:.875rem;line-height:1.5}.priority-note p{font-size:.875rem;color:#7a663f;margin:6px 0 9px}.priority-note .btn{background:#fff;border-color:#e9dcbf;min-height:35px;padding:7px 10px;font-size:.8125rem}.neutral-note{background:#f3f8fa;border-color:#dfebf0}.neutral-note p{color:var(--muted)}.neutral-note .note-icon{color:var(--teal)}.priority-item{padding:14px 0;border-bottom:1px solid #edf1f5}.priority-item:last-child{border:0}.priority-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.priority-title strong{font-size:.9375rem;line-height:1.5;flex:1;min-width:140px;overflow-wrap:anywhere}.priority-item>p{font-size:.875rem;color:var(--muted);margin-top:6px}.attention-bottom{border-top:1px solid #edf1f5;padding:12px 22px;background:#fcfdfe}.calm-state{padding:27px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.calm-icon{background:#eef7f3;color:var(--teal);width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:3px}.calm-state>strong{font-size:.9375rem}.calm-state p{font-size:.875rem;max-width:330px;color:var(--muted)}.empty-activity{padding:45px 20px}.activity-list{padding:0 22px}.activity-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto 15px;gap:14px;width:100%;padding:20px 0;text-align:left;align-items:center;background:#fff;color:inherit;border-bottom:1px solid #edf1f5}.activity-item:last-child{border:0}.activity-item:hover{background:#f8fbfc}.activity-date{width:44px;min-height:51px;border:1px solid #e2e9ef;background:#f7f9fb;border-radius:9px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}.activity-date strong{font-size:1.125rem;font-weight:750;line-height:1.2}.activity-date>span{font-size:.75rem;text-transform:uppercase;color:var(--muted);letter-spacing:.5px}.activity-info{display:flex;flex-direction:column;gap:5px;min-width:0}.activity-info>strong{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;font-weight:600}.program-label{font-size:.75rem;font-weight:650}.activity-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.activity-item>.icon{color:#a3b4c1;width:15px;height:15px}.quality-item{margin-bottom:24px}.quality-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.875rem;line-height:1.5}.quality-title>strong{font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}.quality-track{height:7px;background:#edf2f5;border-radius:5px;margin:12px 0 8px;position:relative}.quality-track>span{height:100%;display:block;border-radius:5px;background:#239688}.quality-track>span.below-target{background:#cd9a43}.quality-track>i{position:absolute;top:-3px;height:13px;width:2px;background:#526b7a;border-radius:1px}.quality-meta{font-size:.75rem;display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.evaluation-count{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 0;border-top:1px solid #edf1f5;margin-top:4px;font-size:.875rem}.evaluation-count>span{display:flex;align-items:center;gap:8px;color:var(--muted)}.evaluation-count .icon{width:16px;height:16px}.evaluation-count strong{font-size:.8125rem;font-weight:600}.quality-panel .panelbody>.btn{width:100%;background:#f7fafa;color:var(--teal);margin-top:5px;border-color:#dce9e7}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:var(--shadow)}.metric .label{color:var(--muted);font-size:.875rem;display:flex;justify-content:space-between;gap:10px;align-items:center}.metric .label>.icon{color:var(--teal)}.metric .number{font-size:2rem;letter-spacing:-.7px;font-weight:750;margin:16px 0 9px;font-variant-numeric:tabular-nums}.metric .meta{font-size:.8125rem;color:var(--muted);line-height:1.5}.pill{display:inline-flex;align-items:center;padding:5px 8px;background:#e8f5ee;color:#21694e;border-radius:6px;font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.pill.warn{background:#fff2da;color:#845710}.pill.blue{background:#edf2fd;color:#3c5ca0}.pill.neutral{background:#edf2f6;color:#536b7d}.pill.red{background:#fcebe7;color:#a23e32}.muted{color:var(--muted)}.smalltext{font-size:.875rem;line-height:1.55}.grid2,.reportgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{background:#f7f9fc;color:#60768b;font-size:.75rem;letter-spacing:.5px;font-weight:650;text-transform:uppercase;padding:15px 21px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 21px;border-bottom:1px solid #edf1f5;line-height:1.6}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfe}.code{font-weight:700;color:#234a65;white-space:nowrap}.toolbar{display:flex;gap:12px;flex-wrap:wrap;padding:19px 23px;border-bottom:1px solid #edf1f5}input,select,textarea{border:1px solid #cbd8e2;border-radius:8px;background:white;color:#20384e;min-height:44px;padding:11px 12px;max-width:100%;font-size:1rem}textarea{min-height:100px;resize:vertical}.search{flex:1;min-width:180px}.empty{padding:36px;text-align:center;color:var(--muted)}.task{padding:23px;border-bottom:1px solid #edf1f5}.task:last-child{border:0}.task h3{margin:12px 0}.task p{font-size:.9375rem}.task .buttons{margin-top:18px}.footnote{font-size:.8125rem;color:var(--muted);margin-top:17px;line-height:1.65}.statline{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5;padding:15px 0;font-size:.9375rem}.statline:last-child{border:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:600}.field.full{grid-column:1/-1}.field small{font-weight:400;color:var(--muted)}.checkrow{display:flex;align-items:center;gap:10px;font-size:.9375rem;line-height:1.5}.checkrow input{min-height:auto;width:18px;height:18px;flex:none;accent-color:var(--teal)}.error{color:#a63232;font-size:.875rem;margin:12px 0}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.modalbody{padding:24px}.modalfoot{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;background:#f8fafc;border-top:1px solid var(--line)}dialog{border:1px solid var(--line);padding:0;border-radius:16px;color:#1b3046;width:min(780px,calc(100% - 28px));max-height:90vh;box-shadow:0 24px 100px #102c4744}dialog::backdrop{background:#102c477d;backdrop-filter:blur(3px)}dialog h2{font-size:1.2rem}.close{background:#f0f4f7;color:#36556c;font-size:1.4rem;width:36px;height:36px;border-radius:50%;flex:none}.profilebar{display:flex;gap:15px;align-items:center;margin-bottom:24px}.bigavatar{width:60px;height:60px;background:#e7f2f1;color:var(--teal);border-radius:14px;display:grid;place-items:center;font-weight:bold;font-size:1.2rem}.sessionfields{margin:20px 0}.attendance-row{display:grid;grid-template-columns:90px 140px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}.attendance-row input{width:100%}.check{color:var(--teal)}.timeline{display:flex;gap:12px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #edf1f5}.timeline:last-child{border:0}.numberbox{background:#eaf5f2;color:var(--teal);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none;font-weight:bold}.demo{display:flex;align-items:flex-start;gap:10px;background:#edf4f8;border:1px solid #dbe7ee;color:#426078;border-radius:9px;padding:13px 15px;font-size:.875rem;line-height:1.6;margin-bottom:24px}.demo>.icon{margin-top:2px}.app-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:24px 0 0;margin-top:6px;color:#6a7d8f;font-size:.75rem;line-height:1.6}.app-footer>span:first-child{font-weight:600}.app-footer>span>span{margin:0 5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#133d3b;color:white;padding:14px 22px;border-radius:10px;box-shadow:0 5px 30px #0002;max-width:90vw;z-index:100;display:none;line-height:1.5}.printhead{display:none}
@media(min-width:1600px){.content{padding:28px 42px 36px}.topbar{padding-left:42px;padding-right:42px}.overview-card{padding:24px}.dashboard-grid{gap:24px}}
@media(max-width:1250px){.shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand{gap:8px}.brand strong{font-size:.9rem}.brand small{font-size:.75rem;letter-spacing:.7px}.brandmark{width:36px;height:39px}.content{padding:22px 24px}.topbar{padding:16px 24px}.overview-grid{gap:12px}.overview-card{padding:17px}.overview-number{font-size:1.95rem}.overview-heading{align-items:flex-start;gap:8px}.stat-icon{width:31px;height:31px;border-radius:9px}.stat-icon>.icon{width:18px;height:18px}.pagehead{align-items:flex-start}.pagehead>.buttons{max-width:260px;justify-content:flex-end}.program-panel,.attention-panel,.activity-panel,.quality-panel{grid-column:span 6}.activity-item{grid-template-columns:40px minmax(0,1fr) 14px;gap:10px}.activity-status{grid-column:2;grid-row:2;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.activity-item>.icon{grid-column:3;grid-row:1/3}.activity-date{width:40px;grid-row:1/3}.activity-list{padding:0 18px}.overview-meta{font-size:.75rem}}
@media(max-width:1020px){.overview-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.program-panel,.attention-panel,.activity-panel,.quality-panel{grid-column:1/-1}.dashboard-grid{gap:18px}.pagehead{flex-wrap:wrap}.pagehead>.buttons{max-width:none;justify-content:flex-start}.activity-item{grid-template-columns:44px minmax(0,1fr) auto 15px;gap:14px}.activity-status{grid-column:auto;grid-row:auto;flex-direction:column;align-items:flex-end}.activity-item>.icon{grid-column:auto;grid-row:auto}.activity-date{width:44px;grid-row:auto}.reportgrid,.grid2{grid-template-columns:1fr;gap:0}.context-date{margin-left:0}.topbar .location{font-size:.8125rem}.topbar .account-label{display:none}}
@media(max-width:760px){.shell{display:block}.sidebar{position:sticky;top:0;height:auto;padding:0;z-index:30;overflow:visible}.sidebar .brand,.navlabel,.sidebar-footer{display:none}.nav{flex-direction:row;overflow-x:auto;padding:7px;gap:4px;scrollbar-width:thin;scrollbar-color:#577387 transparent}.nav button{flex:1 0 auto;flex-direction:column;justify-content:center;gap:6px;padding:9px 12px;font-size:.8125rem;white-space:nowrap;min-width:82px;min-height:62px;border-radius:7px}.nav button.active{box-shadow:inset 0 -3px #63dac0}.nav-count{display:none}.nav button>.icon{height:19px;width:19px}.topbar{padding:14px 18px;min-height:75px;gap:10px;align-items:center}.mobile-title{display:block;font-size:.875rem;font-weight:750;letter-spacing:1px;color:var(--navy);margin-bottom:5px}.topbar .location{font-size:.75rem;gap:7px}.topbar .location>span{display:none}.topbar .location{font-size:0}.topbar .location>strong{font-size:.75rem;font-weight:500}.user{gap:10px}.user>.btn{padding:9px 10px;min-height:41px;font-size:.8125rem;max-width:128px;gap:6px}.account-label{display:none}.avatar{width:33px;height:33px}.account-menu summary>.icon{display:none}.content{padding:19px 16px 24px}.context-strip{font-size:.75rem;gap:7px 10px;margin-bottom:21px}.context-date{display:none}.context-strip>span:nth-child(2){flex:1;min-width:130px}.context-label{font-size:.75rem}.eyebrow{font-size:.75rem;letter-spacing:1.5px}.pagehead{gap:15px;margin-bottom:20px}h1{font-size:1.6rem;letter-spacing:-.4px}.sub{font-size:.875rem;line-height:1.55}.pagehead>.buttons{width:100%;max-width:none}.pagehead>.buttons>.btn{flex:1}.overview-grid{gap:11px;margin-bottom:18px}.overview-card{padding:15px 14px;border-radius:11px}.overview-card:after{left:14px;right:14px;height:2px}.overview-heading .label{font-size:.875rem}.stat-icon{width:29px;height:29px}.overview-number{font-size:1.9rem;line-height:1.2;margin:12px 0 7px}.overview-meta{font-size:.75rem;line-height:1.5}.panelhead{padding:18px;gap:10px}.panelhead h2{font-size:1.05rem}.panel-description{font-size:.8125rem}.panelbody{padding:18px}.panel .panelhead>.btn{padding:8px 10px;min-height:36px;font-size:.8125rem}.program-icon{width:36px;height:38px;border-radius:10px}.program-row{gap:11px;padding:17px 0}.program-info>strong{font-size:.9375rem}.program-count strong{font-size:1.125rem}.panel-bottom{font-size:.75rem;gap:5px}.priority-list{padding:16px 18px}.attention-bottom{padding:11px 18px}.priority-title strong{font-size:.9375rem}.activity-list{padding:0 16px}.activity-item{grid-template-columns:40px minmax(0,1fr) 14px;gap:8px 12px;padding:18px 0}.activity-date{width:40px;grid-row:1/3}.activity-status{grid-column:2;grid-row:2;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.activity-item>.icon{grid-column:3;grid-row:1/3}.activity-info>.smalltext{font-size:.8125rem}.activity-status .smalltext{font-size:.8125rem}.quality-panel .panelbody{padding-top:23px}.quality-item{margin-bottom:26px}.metrics{gap:11px}.metric{padding:16px}.metric .number{font-size:1.8rem}.metric .icon{width:17px;height:17px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.attendance-row{grid-template-columns:82px 1fr}.attendance-row input{grid-column:1/-1}.modalbody{padding:18px}.modalhead{padding:18px}.modalfoot{padding:16px;flex-wrap:wrap}.task{padding:18px}.row{flex-wrap:wrap}td,th{padding:14px 16px}.toolbar{padding:16px}.app-footer{padding-top:23px;font-size:.75rem;gap:5px}.app-footer>span{width:100%}}
@media(max-width:380px){.overview-heading{flex-wrap:wrap}.stat-icon{display:none}.topbar{padding-left:14px;padding-right:14px}.content{padding-left:12px;padding-right:12px}.overview-number{font-size:1.75rem}.pagehead>.buttons>.btn{font-size:.8125rem;padding:10px}.account-popover{right:-2px}.context-strip>span:nth-child(2){font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.auth-shell{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px clamp(28px,5vw,84px);gap:60px}.auth-intro .brand{padding:0}.auth-intro h1{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.16;margin:20px 0}.auth-intro p{color:#bfd4e0;max-width:380px}.auth-eyebrow{color:#52d8bd;letter-spacing:2px;font-size:.75rem;font-weight:bold}.auth-footer{font-size:.875rem}.auth-main{display:grid;place-items:center;padding:48px 28px;background:#f4f7fa}.auth-card{width:100%;max-width:420px}.auth-card h2{font-size:1.8rem;margin-top:10px;line-height:1.25}.auth-form{display:flex;flex-direction:column;gap:18px;margin-top:30px}.auth-form .error:empty{display:none}.auth-form .footnote{margin:0}.auth-form .btn{min-height:48px}.auth-links{margin-top:20px}.auth-links .btn{background:none;border:0;padding-left:0;color:var(--teal)}.auth-single{max-width:720px;margin:8vh auto;padding:24px}.secret-value{font-family:monospace;width:100%}.auth-form input{width:100%}.auth-form .checkrow input{width:18px}.auth-form .field input{min-height:48px}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-intro{padding:28px 24px;gap:20px}.auth-intro .brand{display:flex}.auth-intro h1{font-size:1.8rem;margin:10px 0}.auth-intro .auth-footer,.auth-intro>div>p{display:none}.auth-main{padding:32px 24px}.auth-intro .brand strong{font-size:1rem}.auth-card h2{font-size:1.5rem}}

.auth-main{background:#f2f5f9}.auth-intro{background:#112c42}.auth-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;max-width:465px;box-shadow:0 14px 45px #19364e08}.auth-intro .brand small{font-size:.75rem;letter-spacing:.8px}.auth-card .sub{font-size:.9375rem}.auth-form .field input{background:#fbfcfe}.auth-intro h1{font-weight:750;letter-spacing:-1px}.auth-links{margin-top:14px}.auth-single .panelbody{padding:30px}.auth-single h1{font-size:1.7rem}
@media(max-width:760px){.auth-main{padding:26px 16px}.auth-card{padding:25px 22px;border-radius:15px}.auth-intro{padding:26px 24px;gap:22px}.auth-intro .brand small{font-size:.75rem}.auth-intro h1{font-size:1.8rem;letter-spacing:-.5px}.auth-intro .auth-eyebrow{font-size:.75rem}.auth-single{padding:16px}.auth-single .panelbody{padding:22px}}
@media print{.sidebar,.topbar,.pagehead>.buttons,.demo,.context-strip,.toolbar,.btn,.modalfoot,.close,#toast,.skip-link{display:none!important}.shell{display:block}.content{padding:0}.panel{break-inside:avoid;box-shadow:none}.metrics,.overview-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{display:block}.dashboard-grid>.panel{margin-bottom:20px}.printhead{display:block;margin:0 0 20px}body{background:white;font-size:11pt}.tablewrap{overflow:visible}dialog[open]{position:absolute;max-height:none;width:100%;inset:0;box-shadow:none}body:has(dialog[open]) #app{display:none}.footnote{color:#333}.activity-item{break-inside:avoid}.overview-card{box-shadow:none}.account-menu{display:none}}

/* Approved SIMPATI BINA identity, shown from the original image. */
.brandmark.approved-mark{background:white;overflow:hidden}.approved-mark img{display:block;width:100%;height:100%;object-fit:contain}.mobile-title img{vertical-align:middle;object-fit:contain;border-radius:6px;margin-right:4px}.auth-intro.branded-intro{gap:28px;padding-top:38px;padding-bottom:38px}.auth-wordmark{background:#fff;border-radius:20px;max-width:430px;width:100%;padding:10px;align-self:center}.auth-wordmark img{display:block;width:100%;height:auto;border-radius:12px}.branded-intro .auth-eyebrow{color:#8ee6d6}.maintenance-list{padding-left:22px;line-height:1.7;color:var(--muted);font-size:.9375rem;margin:20px 0 0}.maintenance-list li{margin-bottom:8px}.print-logo{display:block;object-fit:contain;margin-bottom:10px}
@media(max-width:760px){.auth-intro.branded-intro{padding:20px 24px;gap:14px;align-items:center}.branded-intro .auth-eyebrow{font-size:.75rem;text-align:center}.auth-wordmark{max-width:190px;padding:3px;border-radius:12px}.auth-main{padding-top:22px}.mobile-title img{width:24px;height:24px}.mobile-title{letter-spacing:.5px}}
@media print{.print-logo{width:125px;height:125px;float:left;margin:0 18px 12px 0}.printhead{min-height:130px}.printhead:after{content:"";display:block;clear:both}}