:root{color-scheme:light;--bg:#f3f6f5;--surface:#fff;--surface2:#f7f9f8;--ink:#173c38;--muted:#758780;--line:#e1e9e4;--green:#0c7764;--deep:#083e36;--deep2:#062e2b;--mint:#e6f3ed;--gold:#c7a867;--goldlight:#f8f2e5;--red:#a84142;--redbg:#fff0ef;--blue:#5c8a9a;--shadow:0 7px 30px #163e3210;--radius:19px;--sidebar:256px}
html[data-theme=dark]{color-scheme:dark;--bg:#0d1d1b;--surface:#142925;--surface2:#1a302b;--ink:#e1efe6;--muted:#99aea1;--line:#29423a;--green:#73c8a1;--deep:#174f3e;--deep2:#082f29;--mint:#203e31;--gold:#dcc48f;--goldlight:#3b3424;--red:#f0968d;--redbg:#402a27;--shadow:0 7px 30px #0002}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit}a{color:var(--green)}svg{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #81bda0;outline-offset:3px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}h1{font-size:29px;letter-spacing:-1px}h2{font-size:17px;letter-spacing:-.35px}h3{font-size:14px}p+p{margin-top:10px}small{font-size:11px}button svg,.icon{width:19px;height:19px;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.8px;font-weight:750;color:var(--green)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.section-head p{color:var(--muted);font-size:12px;margin-top:5px}.row{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.small{font-size:12px}.tiny{font-size:10px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.gap-top{margin-top:20px}.space-bottom{margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface);font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .18s,border .18s,transform .18s}.button:hover{border-color:#a9c1b1;background:var(--surface2)}.button.primary{background:var(--deep);color:#fff;border-color:var(--deep)}html[data-theme=dark] .button.primary{background:#8bd1ae;color:#0a3228;border-color:#8bd1ae}.button.primary:hover{filter:brightness(1.08)}.button.gold{background:var(--gold);color:#17382e;border-color:var(--gold)}.button.ghost{border-color:transparent;background:transparent}.button.danger{color:var(--red);background:var(--redbg);border-color:transparent}.button.sm{min-height:32px;padding:6px 10px;font-size:11px}.icon-button{padding:10px;width:40px;min-width:40px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:7px;padding:4px 8px;font-size:9px;font-weight:750;letter-spacing:.2px;background:var(--mint);color:var(--green);white-space:nowrap}.badge.gold{background:var(--goldlight);color:#96702f}html[data-theme=dark] .badge.gold{color:var(--gold)}.badge.gray{background:var(--surface2);color:var(--muted);border-color:var(--line)}.badge.red{background:var(--redbg);color:var(--red)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:23px;min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-head p{color:var(--muted);font-size:11px;margin-top:5px}.grid{display:grid;gap:18px}.cols{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stack>*+*{margin-top:18px}.notice{border:1px solid var(--line);border-radius:12px;padding:13px 16px;background:var(--mint);font-size:12px;color:var(--green);margin-bottom:18px}.notice.warning{background:var(--goldlight);color:#8d6a31;border-color:#c7a86733}html[data-theme=dark] .notice.warning{color:var(--gold)}.notice.error{background:var(--redbg);color:var(--red);border-color:#a8414222}.notice ul{padding-left:18px;margin:6px 0 0}.input,.select,.textarea{width:100%;min-height:42px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--green);outline:2px solid #6cae8c25;outline-offset:0}.input[readonly]{background:var(--surface2);color:var(--muted)}.field{min-width:0}.field>label{display:block;font-weight:650;font-size:11px;margin-bottom:7px}.field .required{color:var(--red)}.help{font-size:10px;color:var(--muted);line-height:1.6;margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field.full{grid-column:1/-1}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;cursor:pointer}.check input{margin-top:4px;accent-color:var(--green)}.codebox{position:relative;background:var(--surface2);padding:13px;border:1px solid var(--line);border-radius:9px;font:11px/1.6 ui-monospace,Consolas,monospace;overflow:auto;white-space:pre-wrap;word-break:break-word}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.empty{text-align:center;padding:36px 20px;color:var(--muted)}.empty-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:18px;background:var(--mint);color:var(--green)}.empty-icon svg{width:25px;height:25px}.empty h3{font-size:15px;color:var(--ink);margin-bottom:8px}.empty p{font-size:12px;max-width:420px;margin:0 auto 18px}.table-wrap{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap;background:var(--surface2)}.table td,.table th{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table th:first-child{border-radius:8px 0 0 8px}.table th:last-child{border-radius:0 8px 8px 0}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface2)}.table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.table .name{font-weight:650;color:var(--ink)}.table td.actions{white-space:nowrap}.table td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.table .nowrap{white-space:nowrap}.table button.link{border:0;background:none;color:var(--green);padding:0;text-align:left;font-weight:650}.search{position:relative;max-width:340px;width:100%}.search svg{position:absolute;left:12px;top:12px;color:var(--muted);width:17px;height:17px}.search input{padding-left:38px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.toolbar .select{width:auto;min-width:140px}.tabs{display:flex;gap:5px;padding:4px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;width:max-content;max-width:100%;overflow:auto}.tab{border:0;background:none;color:var(--muted);font-size:11px;font-weight:650;padding:9px 13px;border-radius:7px;white-space:nowrap}.tab.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 7px #00000008}.tab:hover{color:var(--green)}.loading{display:flex;align-items:center;justify-content:center;min-height:220px;color:var(--muted);gap:12px}.spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}.skeleton{height:12px;width:100%;border-radius:6px;background:linear-gradient(90deg,var(--surface2),var(--line),var(--surface2));background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton.big{height:50px;width:65%;margin:16px 0}.fade-in{animation:appear .4s ease both}.table-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-top:14px;gap:10px}
/* Brand dan pintu masuk */
.logo-mark{width:43px;height:43px;flex:none}.brand-name{font-size:25px;font-weight:800;letter-spacing:-.7px;line-height:1.2}.brand-sub{font-size:8px;line-height:1.6;letter-spacing:.25px;max-width:145px;opacity:.7;margin-top:5px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--surface)}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px 7vw;background:radial-gradient(ellipse at 10% 40%,#1a6052 0,transparent 65%),#082f2b;color:#fff}.login-story:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent,#000,transparent)}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.login-story .brand-sub{font-size:9px;max-width:200px}.login-story h1{font-size:clamp(35px,4vw,62px);font-weight:520;line-height:1.15;letter-spacing:-2px;margin:58px 0 18px;max-width:500px}.login-story h1 em{font-style:normal;color:#dbc48d}.login-story .lede{font-size:13px;line-height:1.9;color:#abc6b7;max-width:390px}.story-content{position:relative;z-index:1}.story-graphic{width:min(420px,100%);margin:22px 0 5px;opacity:.9}.story-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#9ebdb0;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;margin-top:30px}.story-bottom span:before{content:"";display:inline-block;width:5px;height:5px;background:#c7a867;border-radius:50%;margin-right:7px}.login-main{display:flex;align-items:center;justify-content:center;padding:45px 6vw;position:relative}.login-box{width:100%;max-width:370px}.login-box h2{font-size:29px;font-weight:650;letter-spacing:-1px;margin:12px 0}.login-box>p{color:var(--muted);font-size:12px;line-height:1.8}.login-form{margin-top:30px}.login-form .field+.field{margin-top:18px}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-wrap button{position:absolute;top:2px;right:3px;border:0;background:none;width:38px;height:38px;display:grid;place-items:center;color:var(--muted)}.login-submit{width:100%;margin-top:25px;min-height:46px}.login-foot{font-size:10px;color:var(--muted);text-align:center;margin-top:25px}.login-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:22px}.login-status.live{color:var(--green)}.login-status.error{color:var(--red)}.login-theme{position:absolute;top:25px;right:25px}.setup-panel{font-size:11px;margin-top:15px;padding:15px;background:var(--goldlight);border:1px solid #c7a86740;border-radius:12px}.setup-panel summary{font-weight:700;cursor:pointer}.setup-panel p{margin-top:10px;color:var(--muted);line-height:1.8}.setup-panel .codebox{margin:10px 0}
/* Kerangka aplikasi */
.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:linear-gradient(155deg,#0a3c34,#082e2b);color:#b2cbbd;z-index:45;border-right:1px solid #ffffff09}.sidebar-brand{display:flex;align-items:flex-start;gap:12px;padding:31px 23px 27px;border-bottom:1px solid #ffffff10;color:white}.sidebar-brand .brand-sub{font-size:8px;max-width:145px}.sidebar-brand .logo-mark{width:37px;height:43px}.sidebar .brand-name{font-size:23px}.nav-label{font-size:8px;letter-spacing:2px;text-transform:uppercase;padding:25px 24px 8px;color:#719383;font-weight:750}.nav-scroll{overflow:auto;flex:1;padding:0 12px 20px;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:#a8c4b4;border-radius:9px;text-align:left;padding:11px 13px;font-size:11px;margin:3px 0;font-weight:550;position:relative}.nav-item svg{width:17px;height:17px;opacity:.8}.nav-item.active{color:#fff;background:#ffffff0d}.nav-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--gold)}.nav-item.active svg{color:#d8bf89;opacity:1}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item .nav-tag{margin-left:auto;background:#ffffff10;font-size:8px;border-radius:4px;padding:1px 5px;color:#d2c095}.sidebar-footer{margin:0 20px 20px;padding:17px 3px 0;border-top:1px solid #ffffff15}.sidebar-footer .eyebrow{color:#c9b483;font-size:8px}.sidebar-footer p{font-size:10px;color:#8eae9b;margin-top:6px}.layout{margin-left:var(--sidebar);min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 31px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.breadcrumb{font-size:10px;display:flex;gap:10px;color:var(--muted);align-items:center}.breadcrumb strong{color:var(--ink);font-weight:650}.top-right{display:flex;align-items:center;gap:15px}.live-indicator{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.live-indicator .status-dot{color:#69aa83;box-shadow:0 0 0 3px #69aa8317}.user-button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;text-align:left}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:11px;font-weight:750;border:1px solid var(--line)}.user-button strong{font-size:10px;font-weight:650;display:block;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-button small{font-size:8px;color:var(--muted);display:block}.content{max-width:1740px;margin:0 auto;padding:30px 31px 35px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.page-header h1{margin-top:5px}.page-header p{font-size:11px;color:var(--muted);margin-top:7px}.header-tools{display:flex;align-items:center;gap:9px}.header-tools .select{width:auto;min-width:95px;max-width:210px;font-size:10px;min-height:37px}.app-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:var(--muted);padding-top:25px;margin-top:12px;border-top:1px solid var(--line)}.menu-button{display:none}.scrim{display:none}.mobile-brand{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#0b493d,#0b3b33);border:1px solid #165641;border-radius:19px;padding:25px 29px;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.hero .eyebrow{color:#b7cdbb;font-size:8px;letter-spacing:2px}.hero h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:8px 0 8px}.hero p{color:#a4c4b1;font-size:10px;max-width:440px;line-height:1.8}.hero .hero-art{width:200px;height:135px;opacity:.7;flex:none}.hero-pill{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:5px 9px;border:1px solid #ffffff18;border-radius:5px;font-size:8px;color:#c2d7c6;background:#ffffff05}.hero-pill .status-dot{color:#d5bc82}.hero-meta{display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:1}.hero-meta strong{font-size:37px;font-weight:550;letter-spacing:-1px;color:#eadbb7;line-height:1.2}.hero-meta span{font-size:9px;color:#a9c6b4}.hero:after{content:"";position:absolute;right:-75px;top:-150px;width:420px;height:420px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02;z-index:-1}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{position:relative;text-align:left;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:19px 20px;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s,border-color .22s;min-width:0}.stat:hover{transform:translateY(-3px);box-shadow:0 10px 30px #123d3214;border-color:#a2bea9}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:600}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--mint);color:var(--green)}.stat-icon svg{width:15px;height:15px}.stat.gold .stat-icon{background:var(--goldlight);color:#b09050}.stat-value{display:block;font-size:30px;line-height:1.3;font-weight:650;letter-spacing:-.8px;margin:13px 0 8px;font-variant-numeric:tabular-nums}.stat-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:var(--muted)}.stat-bottom .arrow{color:var(--green);display:grid;place-items:center;background:var(--surface2);border-radius:4px;width:20px;height:20px}.stat-bottom svg{width:12px;height:12px}.chart-legend{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin-top:14px}.chart-legend span{width:14px;height:3px;border-radius:3px;background:var(--green)}.line-chart{width:100%;height:auto;min-height:180px;overflow:visible}.chart-axis{fill:var(--muted);font-size:10px}.chart-grid{stroke:var(--line);stroke-dasharray:3 5}.chart-line{fill:none;stroke:var(--green);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--surface);stroke:var(--green);stroke-width:2;cursor:pointer;transition:r .2s}.chart-dot:hover,.chart-dot:focus{r:6;outline:none}.chart-empty{height:215px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted);font-size:11px;background:linear-gradient(transparent 95%,var(--line) 95%);background-size:100% 45px;border-radius:10px}.donut-box{display:flex;align-items:center;gap:22px;justify-content:center;padding:10px 0}.donut-ring{width:145px;height:145px;flex:none;position:relative}.donut-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center strong{font-size:27px;line-height:1.2;letter-spacing:-.8px;font-weight:650}.donut-center small{font-size:8px;color:var(--muted);margin-top:5px}.legend-list{display:flex;flex-direction:column;gap:12px;flex:1;min-width:90px}.legend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;min-width:0}.legend-row .label{display:flex;align-items:center;gap:7px;color:var(--muted);min-width:0}.legend-swatch{width:7px;height:7px;border-radius:2px;flex:none}.legend-row strong{font-size:11px;font-weight:650}.chart-note{font-size:9px;color:var(--muted);padding-top:15px;margin-top:12px;border-top:1px solid var(--line)}.bars{display:flex;flex-direction:column;gap:15px}.bar-row{border:0;background:none;padding:0;width:100%;text-align:left;color:var(--ink)}.bar-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin-bottom:7px}.bar-label strong{font-weight:650}.bar-track{display:flex;background:var(--surface2);height:7px;border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;background:var(--green);transition:width .5s}.bar-fill.gold{background:var(--gold)}.bar-row:hover .bar-label{color:var(--green)}.progress{height:6px;background:var(--surface2);border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green);border-radius:20px}.report-status-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:10px;font-size:10px}.report-status-row:last-child{border:0}.status-label{display:flex;gap:8px;align-items:center;color:var(--muted)}.status-label .status-dot{color:#638f76}.status-label.gold .status-dot{color:var(--gold)}.status-label.gray .status-dot{color:#acb8af}.district-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.district-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 0}.district-item .number{font-size:9px;color:var(--muted);width:17px}.district-item strong{font-size:11px;font-weight:650;display:block}.district-item small{font-size:9px;color:var(--muted)}.district-item .district-count{margin-left:auto;font-size:16px;color:var(--green);font-weight:600}.detail-strip{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:11px}.detail-strip strong{color:var(--green)}.campus-card{position:relative;display:flex;flex-direction:column}.campus-avatar{width:43px;height:43px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:13px;font-weight:750}.campus-card h3{font-size:14px;margin:14px 0 5px}.campus-card .location{font-size:10px;color:var(--muted)}.campus-card .campus-code{font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:18px}.campus-card .campus-bottom{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.profile-item{padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.profile-item span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.module-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start}.module-nav{position:sticky;top:100px;padding:10px}.module-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:11px 10px;background:none;border:0;border-radius:8px;font-size:10px;color:var(--muted);margin:2px 0}.module-button.active{background:var(--mint);color:var(--green);font-weight:700}.module-button:hover{background:var(--surface2)}.module-button .count{font-size:9px;color:var(--muted);background:var(--surface2);padding:1px 6px;border-radius:4px}.file-field{border:1px dashed #92b39c80;border-radius:10px;padding:12px;background:var(--surface2)}.file-field input[type=file]{max-width:100%;font-size:10px;display:block;margin:7px 0}.file-field .filename{font-size:10px;color:var(--green)}.data-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.data-summary>div{border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:13px}.data-summary small{color:var(--muted);font-size:9px;display:block}.data-summary strong{display:block;font-size:20px;margin-top:5px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.kpi-card h3{font-size:11px;min-height:29px}.kpi-card strong{display:block;font-size:23px;font-weight:600;margin:7px 0 12px}.risk-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:12px}.user-grid .check{font-size:10px;padding:4px}.key-box{font-size:12px;word-break:break-all;padding:20px;border:1px dashed var(--gold);background:var(--goldlight);border-radius:11px;color:var(--ink);line-height:1.8}
/* Dialog, laporan, dan presentasi */
.dialog-backdrop{position:fixed;inset:0;background:#031d18a8;z-index:90;backdrop-filter:blur(5px);padding:26px;display:flex;align-items:center;justify-content:center}.dialog{width:min(720px,100%);max-height:calc(100dvh - 52px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 100px #001d1840;animation:dialogIn .2s ease}.dialog.wide{width:min(1100px,100%)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line);gap:15px}.dialog-head h2{font-size:18px}.dialog-head p{font-size:10px;color:var(--muted);margin-top:5px}.dialog-content{overflow:auto;overscroll-behavior:contain;padding:24px}.dialog-footer{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.body-locked{overflow:hidden}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:180;display:flex;flex-direction:column;gap:9px;max-width:420px;width:calc(100% - 48px);pointer-events:none}.toast{padding:14px 17px;border:1px solid #316d53;border-radius:12px;background:#123d30;color:#e5f2e8;box-shadow:0 12px 40px #0002;display:flex;align-items:flex-start;gap:10px;font-size:12px;animation:appear .2s;pointer-events:auto}.toast.error{background:#5b2f2c;border-color:#8c5149}.tooltip{position:fixed;z-index:190;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--deep2);color:#e4efe6;font-size:10px;pointer-events:none;max-width:250px;box-shadow:var(--shadow);white-space:pre-line}.report-paper{color:#21413a;background:#fff;border:1px solid #dfe8e1;border-radius:11px;overflow:hidden;font-size:12px}.report-cover{padding:36px 34px;background:linear-gradient(120deg,#0d483b,#0b342d);color:white;border-top:5px solid #c7a867}.report-cover .report-name{font-size:27px;line-height:1.25;font-weight:550;margin:20px 0 12px;letter-spacing:-.6px}.report-cover .report-campus{font-size:18px;color:#d7e7d8}.report-cover .report-meta{color:#b2c9b7;font-size:10px;margin-top:18px}.report-body{padding:12px 32px 30px}.report-chapter{padding:25px 0;border-bottom:1px solid #e4ece5}.report-chapter:last-child{border:0}.report-chapter h2{font-size:16px;color:#174638;margin-bottom:15px}.report-chapter h3{margin:19px 0 10px;font-size:12px;color:#174638}.report-paper .table{font-size:10px;color:#24473b}.report-paper .table th{background:#f2f6f2;color:#5d7966;font-size:8px}.report-paper .table th,.report-paper .table td{padding:9px 8px;border-color:#e4ece5}.report-paper .notice{background:#fbf5e8;color:#8c6e36;border-color:#e8d9b8;font-size:10px}.report-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.report-counters>div{background:#f0f6f1;border-radius:8px;padding:13px}.report-counters small{font-size:8px;color:#66806d;display:block}.report-counters strong{font-size:22px;font-weight:600;color:#174638;display:block}.report-paper .muted{color:#6f8475}.report-paper .profile-item{border-color:#e4ece5}.report-paper .profile-item span{color:#6f8475}.print-area{display:none}.slides{position:fixed;inset:0;background:#071b16;z-index:120;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.slide-screen{position:relative;aspect-ratio:16/9;width:min(1180px,100%);max-height:calc(100dvh - 110px);background:radial-gradient(ellipse at 90% 80%,#175342,#0b322a 65%);border:1px solid #ffffff18;border-top:5px solid #c7a867;border-radius:18px;padding:clamp(22px,4vw,52px);display:flex;flex-direction:column;overflow:auto;box-shadow:0 40px 100px #0003}.slide-screen .eyebrow{color:#cfb67e;font-size:10px}.slide-screen h1{font-size:clamp(25px,3.6vw,48px);font-weight:500;max-width:850px;line-height:1.2;margin:20px 0 12px;letter-spacing:-1.5px}.slide-screen .slide-subtitle{font-size:clamp(11px,1.2vw,16px);color:#a7c6b0;line-height:1.7}.slide-footer{border-top:1px solid #ffffff18;padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8fb09a}.slide-footer strong{color:#d5bc82}.slide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.slide-card{padding:18px 23px;border:1px solid #ffffff15;border-radius:13px;background:#ffffff08}.slide-card small{color:#adc9b6;font-size:10px;display:block}.slide-card strong{font-size:clamp(25px,3.4vw,43px);font-weight:550;display:block;line-height:1.2;margin-top:7px}.slide-text{max-width:800px;font-size:14px;line-height:1.9;color:#c0d6c7;margin:15px 0 25px}.slide-text li{margin-bottom:8px}.slides .chart-axis{fill:#a1bfab}.slides .chart-grid{stroke:#ffffff20}.slides .chart-line{stroke:#d7bd80}.slides .chart-dot{stroke:#d7bd80;fill:#0b322a}.slide-controls{width:min(1180px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.slide-controls .button{background:#ffffff08;color:#d8e7dc;border-color:#ffffff20}.slide-dots{display:flex;gap:7px}.slide-dot{width:6px;height:6px;border-radius:50%;background:#ffffff30;border:0;padding:0}.slide-dot.active{background:#cfb67e;box-shadow:0 0 0 3px #cfb67e15}.slide-screen .table{color:#d8e7dc;font-size:11px;margin:12px 0 25px}.slide-screen .table th{background:#ffffff08;color:#9dbca8}.slide-screen .table th,.slide-screen .table td{border-color:#ffffff15}.slide-screen .empty{color:#a7c3b1}.slide-screen .empty h3{color:#fff}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1500px){:root{--sidebar:274px}.content{padding:34px 40px}.topbar{padding:0 40px}.hero{padding:30px 33px}.stat{padding:23px}.stat-value{font-size:35px}.card{padding:26px}}
@media(max-width:1200px){:root{--sidebar:230px}.content{padding:25px 23px}.topbar{padding:0 23px}.stat-grid{gap:12px}.stat{padding:16px}.stat-value{font-size:27px}.cols{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}.donut-box{gap:14px}.donut-ring{width:125px;height:125px}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{display:none}.header-tools .campus-picker{max-width:165px}.module-layout{grid-template-columns:175px minmax(0,1fr)}.module-button{font-size:9px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1020px){:root{--sidebar:220px}.cols{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:32px}.top-right{gap:8px}.live-indicator{display:none}.page-header{flex-direction:column}.header-tools{width:100%;flex-wrap:wrap}.hero h2{font-size:23px}.hero .hero-art{display:none}.module-layout{grid-template-columns:1fr}.module-nav{position:static;display:flex;gap:5px;overflow:auto;padding:7px}.module-button{white-space:nowrap;width:auto;flex:none;font-size:10px}.module-button .count{margin-left:7px}.module-nav .nav-label{display:none}.sidebar-brand{padding-left:20px;padding-right:12px}.sidebar .brand-name{font-size:22px}.profile-list{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:root{--sidebar:256px}.sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.scrim.open{display:block;position:fixed;inset:0;background:#021d18a6;z-index:40;backdrop-filter:blur(2px)}.layout{margin-left:0}.topbar{height:66px;padding:0 18px}.breadcrumb{display:none}.menu-button{display:inline-flex}.mobile-brand{display:block;font-size:16px;font-weight:750;letter-spacing:-.4px}.top-left{display:flex;align-items:center;gap:10px}.user-button strong{max-width:100px}.user-button small{font-size:7px}.content{padding:23px 18px 28px}.top-right>.icon-button{display:none}.page-header h1{font-size:26px}.page-header p{font-size:10px}.header-tools .select{max-width:none;flex:1;min-width:0}.header-tools .campus-picker{flex-basis:100%;order:3;max-width:none}.header-tools .button{font-size:10px}.hero{padding:22px;align-items:flex-start}.hero h2{font-size:22px;max-width:240px}.hero p{font-size:9px}.hero-meta strong{font-size:30px}.hero-meta span{font-size:8px;max-width:75px;text-align:right}.hero .eyebrow{font-size:7px;letter-spacing:1px}.stat-grid{gap:11px;margin-bottom:18px}.stat{padding:15px}.stat-head{font-size:9px;gap:5px}.stat-value{font-size:29px;margin-top:15px}.stat-bottom{font-size:7px}.stat-icon{width:27px;height:27px}.card{padding:19px;border-radius:16px}.grid{gap:16px}.two{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.donut-ring{width:145px;height:145px}.donut-box{gap:28px;justify-content:flex-start}.legend-list{max-width:220px}.section-head h2{font-size:16px}.app-foot{font-size:8px;align-items:flex-start}.app-foot span:last-child{text-align:right;max-width:145px}.profile-list{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.dialog-backdrop{padding:12px}.dialog{max-height:calc(100dvh - 24px);border-radius:15px}.dialog-head,.dialog-content,.dialog-footer{padding:18px}.dialog-head h2{font-size:16px}.dialog-head p{max-width:245px}.report-body{padding:5px 18px 20px}.report-cover{padding:25px 22px}.report-cover .report-name{font-size:24px}.report-counters{grid-template-columns:repeat(2,1fr)}.report-chapter h2{font-size:14px}.login{grid-template-columns:1fr}.login-story{min-height:0;padding:28px 25px 32px}.login-story h1{font-size:32px;margin:33px 0 12px;max-width:350px;letter-spacing:-1px}.login-story .lede{font-size:11px;max-width:370px}.story-graphic,.story-bottom{display:none}.login-story .brand-name{font-size:22px}.login-story .brand-sub{font-size:8px}.login-main{padding:33px 25px 40px}.login-box{max-width:450px}.login-box h2{font-size:25px}.login-theme{top:20px;right:20px}.login-story .logo-mark{width:36px;height:36px}.login-form{margin-top:24px}.district-list{grid-template-columns:1fr 1fr}.data-summary{gap:8px}.data-summary>div{padding:10px}.data-summary strong{font-size:19px}.data-summary small{font-size:8px}.slide-screen{aspect-ratio:auto;min-height:65dvh;max-height:calc(100dvh - 110px);padding:25px 22px}.slides{padding:12px}.slide-screen h1{font-size:28px;letter-spacing:-.7px}.slide-cards{gap:8px;margin:20px 0;grid-template-columns:1fr}.slide-card{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.slide-card strong{font-size:28px;margin:0}.slide-controls{flex-wrap:wrap}.slide-dots{order:3;width:100%;justify-content:center}.slide-controls .button{font-size:10px;min-height:34px;padding:7px 10px}.slide-text{font-size:12px}.slide-footer{font-size:7px}.slide-screen .line-chart{min-height:140px}.toast-stack{right:14px;bottom:14px;width:calc(100% - 28px)}}
@media(max-width:400px){.content{padding:20px 13px}.topbar{padding:0 13px}.three{grid-template-columns:1fr}.user-button strong{max-width:80px}.hero{padding:19px;gap:10px}.hero h2{font-size:20px;max-width:190px}.hero-meta strong{font-size:27px}.hero-pill{font-size:7px}.stat{padding:13px}.stat-value{font-size:27px}.stat-head{font-size:8px}.donut-box{gap:18px}.donut-ring{width:125px;height:125px}.district-list,.profile-list{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr}.user-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4 portrait;margin:15mm 12mm}body{background:white!important;color:#153c2e!important}#app,#dialog-root,#slides-root,#toast-root,#tooltip,#bridge-container,.blogger-native{display:none!important}.print-area{display:block!important}.report-paper{border:0;border-radius:0;box-shadow:none;max-width:none}.report-cover{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-counters>div,.report-paper .table th{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-cover{break-inside:avoid}.report-chapter h2,.report-chapter h3{break-after:avoid}.report-paper .table thead{display:table-header-group}.report-paper .table tr{break-inside:avoid}.report-paper .table{font-size:9px}.report-paper .table td,.report-paper .table th{padding:6px 5px}.report-body{padding:0}.report-chapter{padding:18px 0}.report-paper .notice{font-size:9px}.report-paper a{color:inherit;text-decoration:none}.table-wrap{overflow:visible}.no-print{display:none!important}}

.slide-screen{--ink:#e2eee5;--muted:#a3bda9;--line:#ffffff20;--surface2:#ffffff08;--green:#cfb67e;--surface:#0b322a}

@media print{body{overflow:visible!important;height:auto!important}.report-paper .table{table-layout:fixed;width:100%}.report-paper .table td,.report-paper .table th{overflow-wrap:anywhere}.print-area{overflow:visible!important}}
.toast>svg,.row>svg,.chart-empty>svg{width:18px;height:18px;flex:none}.toast>svg{margin-top:1px}
@media(max-width:760px){.line-chart .chart-axis{font-size:16px}}
/* Workspace polish — preserve all existing navigation and content. */
html:not([data-theme=dark]) body{background:radial-gradient(ellipse at 100% 0,#e7ede45c,transparent 55%),var(--bg)}.stat{overflow:hidden}.stat:after{content:"";position:absolute;left:19px;right:19px;top:0;height:1px;background:linear-gradient(90deg,transparent,#92b39450,transparent)}.stat.gold:after{background:linear-gradient(90deg,transparent,#c7a86770,transparent)}.card{transition:border-color .25s,box-shadow .25s}.card:hover{border-color:color-mix(in srgb,var(--line) 65%,#8aa77a 35%)}.hero{box-shadow:0 12px 35px #123c2910}.hero h2{letter-spacing:-.8px}.nav-item.active{box-shadow:inset 0 0 0 1px #d4d7ac09}.button{transition:background .18s,border .18s,transform .18s,box-shadow .18s}

/* SIKAIU 2.1 — split access page and readable screen typography. */
@media screen {
 body{font-size:15px;line-height:1.6}
 :root{--sidebar:280px;--muted:#61776e}
 html[data-theme=dark]{--muted:#a8beb1}
 h1{font-size:30px}h2{font-size:20px}h3{font-size:16px}
 small,.tiny{font-size:12px}.small{font-size:14px}.eyebrow{font-size:12px;letter-spacing:1.4px}
 .button{font-size:14px;min-height:44px}.button.sm{font-size:13px;min-height:36px}.icon-button{min-width:44px;width:44px}
 .input,.select,.textarea{font-size:15px;min-height:46px}.field>label{font-size:14px}.help{font-size:12px}
 .notice,.check,.empty p,.section-head p,.card-head p,.page-header p{font-size:14px}
 .empty h3{font-size:17px}.badge{font-size:12px;letter-spacing:0}.codebox{font-size:13px}.tab{font-size:13px}
 .table{font-size:14px}.table th{font-size:12px;letter-spacing:.5px}.table td small,.table-footer{font-size:12px}
 .sidebar-brand{padding:27px 22px 23px}.sidebar-brand .brand-sub{font-size:11px;max-width:185px;opacity:.85}
 .sidebar .brand-name{font-size:26px}.nav-label{font-size:11px;letter-spacing:1.5px;padding-top:22px;color:#92b19e}
 .nav-item{font-size:14px;padding:12px 13px;line-height:1.35}.nav-item svg{width:19px;height:19px}
 .nav-item .nav-tag{font-size:11px}.sidebar-footer .eyebrow{font-size:11px}.sidebar-footer p{font-size:12px}
 .breadcrumb,.live-indicator{font-size:12px}.user-button strong{font-size:13px}.user-button small{font-size:11px}.avatar{font-size:13px}
 .header-tools .select{font-size:13px;min-height:42px;max-width:230px}.app-foot{font-size:12px;flex-wrap:wrap}
 .hero .eyebrow{font-size:11px;letter-spacing:1.4px}.hero h2{font-size:27px}.hero p{font-size:14px;max-width:490px}
 .hero-pill{font-size:12px}.hero-meta span{font-size:12px}.hero-meta strong{font-size:38px}
 .stat-head{font-size:13px}.stat-value{font-size:34px}.stat-bottom{font-size:12px;flex-wrap:wrap;line-height:1.5}
 .chart-legend,.chart-note,.chart-empty{font-size:12px}.chart-axis{font-size:14px}
 .donut-center strong{font-size:30px}.donut-center small{font-size:12px}.legend-row{font-size:13px}.legend-row strong{font-size:14px}
 .bar-label,.report-status-row,.detail-strip{font-size:14px}.district-item .number,.district-item small{font-size:12px}.district-item strong{font-size:14px}
 .campus-card h3{font-size:18px}.campus-card .location{font-size:14px}.campus-card .campus-code{font-size:12px}
 .profile-item{font-size:14px}.profile-item span{font-size:12px}.module-button{font-size:13px}.module-button .count{font-size:12px}
 .file-field input[type=file],.file-field .filename{font-size:13px}.data-summary small{font-size:12px}.data-summary strong{font-size:23px}
 .kpi-card h3{font-size:14px;min-height:36px}.user-grid .check{font-size:13px}.key-box{font-size:15px}
 .dialog-head h2{font-size:21px}.dialog-head p,.tooltip{font-size:13px}.toast{font-size:14px}
 .report-paper{font-size:14px}.report-paper .table{font-size:13px}.report-paper .table th{font-size:11px}
 .report-chapter h2{font-size:20px}.report-chapter h3{font-size:16px}.report-cover .report-meta,.report-paper .notice,.report-counters small{font-size:12px}
 .slide-screen .eyebrow,.slide-footer,.slide-card small{font-size:12px}.slide-screen .table{font-size:14px}.slide-screen .slide-subtitle{font-size:16px}
}
@media screen and (max-width:1200px){:root{--sidebar:252px}.nav-item{font-size:13px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-button{font-size:13px}}
@media screen and (max-width:760px){
 :root{--sidebar:280px}.content{padding:24px 18px}.topbar{padding:0 18px}.page-header h1{font-size:27px}.page-header p{font-size:14px}
 .header-tools .button{font-size:13px}.header-tools .select{max-width:100%;min-width:0}.hero{align-items:flex-start;flex-wrap:wrap;gap:20px}.hero h2{font-size:25px;max-width:none}
 .hero p{font-size:14px}.hero-meta span{font-size:12px;max-width:110px}.hero-meta strong{font-size:32px}.hero .eyebrow{font-size:11px;line-height:1.8}
 .hero-pill{font-size:12px;white-space:normal}.stat-head{font-size:12px}.stat-value{font-size:30px}.stat-bottom{font-size:12px}
 .section-head h2,.dialog-head h2{font-size:19px}.data-summary small{font-size:12px}.user-button small{font-size:11px}
 .input,.select,.textarea{font-size:16px}.button,.nav-item{min-height:44px}.report-cover .report-name{font-size:26px}
 .line-chart .chart-axis{font-size:18px}.app-foot,.slide-footer{font-size:12px}.slide-controls .button{font-size:12px;min-height:40px}
}
@media screen and (max-width:380px){.stat-grid{grid-template-columns:1fr}.header-tools{gap:8px}.content{padding:22px 14px}}

.login-v3{--surface:#fff;--surface2:#f5f8f6;--ink:#173e34;--muted:#61766d;--line:#dce6df;--green:#166b52;--red:#a43e3b;--redbg:#fff1ef;color-scheme:light;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100dvh;background:#fff;isolation:isolate}
.login-v3 .login-story{padding:clamp(30px,3.5vw,56px) clamp(32px,5.2vw,84px);min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 5% 25%,#285c49 0,transparent 65%),linear-gradient(150deg,#123f32,#092e27 72%);color:#eff4e9;isolation:isolate}
.login-v3 .login-story:after{z-index:-1;opacity:.4;background-size:68px 68px;mask-image:linear-gradient(transparent,#000,transparent)}
.login-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.login-ambient i{position:absolute;left:-220px;top:10%;width:420px;height:420px;border-radius:50%;background:#6d966a;filter:blur(80px);opacity:.14;animation:ambientDrift 18s ease-in-out infinite alternate}
.login-ambient i:nth-child(2){left:auto;right:-190px;top:45%;background:#c3ae73;opacity:.07;animation-delay:-7s}.login-ambient i:nth-child(3){left:20%;top:auto;bottom:-290px;opacity:.09;animation-delay:-12s}
.login-v3 .login-brand{gap:14px;align-items:center}.login-v3 .login-brand .logo-mark{width:43px;height:48px}
.login-v3 .brand-name{font-size:30px;font-weight:750;letter-spacing:-1px;color:#f5f2e5}.login-v3 .brand-name>span{color:#dcc48c}
.login-v3 .brand-sub{font-size:12px;line-height:1.5;max-width:290px;color:#c3d4c8;opacity:1;margin-top:4px;letter-spacing:0}
.login-v3 .story-content{padding:44px 0 18px;max-width:590px}
.login-overline{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;line-height:1.6;letter-spacing:1.4px;color:#c2d0b0}
.login-overline>span{display:block;width:28px;height:1px;flex:none;background:linear-gradient(90deg,#d7c18a,transparent)}
.login-v3 .login-story h1{font-size:clamp(43px,4.05vw,64px);font-weight:450;line-height:1.1;letter-spacing:-2px;margin:24px 0;max-width:570px;text-wrap:balance}
.login-v3 .login-story h1 em{font-style:normal;font-weight:450;color:#dfc78f}
.login-v3 .login-story .lede{font-size:16px;line-height:1.8;color:#bed0c3;max-width:450px}
.login-pillars{display:flex;align-items:center;gap:16px 22px;flex-wrap:wrap;margin-top:28px}
.login-pillars>div{display:flex;align-items:center;gap:7px;font-size:12px;color:#c1d2bd}.login-pillars svg{width:17px;height:17px;color:#d0c28c}
.login-v3 .story-bottom{font-size:11px;line-height:1.8;letter-spacing:.8px;gap:18px;color:#9bb6a3;flex-wrap:wrap;margin-top:12px}
.login-orbit{position:relative;height:230px;width:min(430px,100%);margin-top:20px;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.orbit-ring{position:absolute;left:50%;top:50%;width:195px;height:195px;border:1px solid #b8c99a20;border-radius:50%;transform:translate(-50%,-50%) rotateX(42deg);box-shadow:0 0 0 30px #b8c99a05,0 0 0 62px #b8c99a03}
.orbit-ring.two{width:130px;height:130px;border-color:#d4c28540;box-shadow:none;animation:orbitBreathe 6s ease-in-out infinite}
.orbit-ring.one:before{content:"";position:absolute;left:50%;top:-3px;width:5px;height:5px;background:#dfca8f;border-radius:50%;box-shadow:0 0 16px #d2c28e66}
.orbit-grid{position:absolute;inset:0;background-image:linear-gradient(#d9d9b807 1px,transparent 1px),linear-gradient(90deg,#d9d9b807 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border:1px solid #d8c38c50;border-radius:25px;background:linear-gradient(140deg,#34513bcc,#132f29e6);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;box-shadow:0 14px 38px #00180f44}
.orbit-core .logo-mark{width:33px;height:38px}.orbit-core>span{font-size:11px;letter-spacing:1.8px;color:#d5d8bc}
.orbit-node{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #d4d6b42a;border-radius:13px;background:linear-gradient(130deg,#284d3ce8,#153c2fe8);box-shadow:0 12px 30px #00180f33;backdrop-filter:blur(12px);color:#e0e4ca;font-size:13px;animation:nodeFloat 7s ease-in-out infinite}
.orbit-node svg{width:22px;height:22px;color:#d0bf89}.orbit-node small{font-size:11px;display:block;letter-spacing:1.4px;margin-top:3px;color:#aac3ad}
.node-one{left:0;top:32px}.node-two{right:0;bottom:26px;animation-delay:-3.5s}.orbit-light{position:absolute;left:15%;right:15%;top:50%;height:1px;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,#d1c18c35,transparent);z-index:-1}
.login-v3 .login-main{background:#fff;padding:42px clamp(30px,5vw,80px) 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#173e34}
.login-v3 .login-box{width:100%;max-width:440px;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;animation:accessReveal .55s ease both}
.login-card-line{display:none}.login-card-top{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid #e3eae5;font-size:11px;line-height:1.7;letter-spacing:1px;color:#75887b}
.login-card-top strong{font-size:12px;font-weight:650;letter-spacing:.5px;color:#355844}.login-mini-logo .logo-mark{width:30px;height:37px}.login-mini-logo .logo-mark path:last-child{stroke:#215840}
.login-card-edition{margin-left:auto;flex:none;font-size:11px;letter-spacing:.6px;color:#6d806f;padding:5px 8px;border:1px solid #e4e9e2;border-radius:5px;white-space:nowrap}
.login-intro{margin-top:30px}.login-v3 .eyebrow{font-size:11px;letter-spacing:1.7px;color:#637f68;font-weight:700}
.login-v3 .login-box h2{font-size:clamp(27px,2.3vw,34px);line-height:1.2;letter-spacing:-1px;font-weight:650;color:#173e34;margin:12px 0}
.login-intro>p{font-size:15px;line-height:1.75;color:#64786e;max-width:420px}
.login-portals{display:flex;gap:5px;padding:5px;background:#f2f6f3;border:1px solid #e0e8e1;border-radius:12px;margin:26px 0}
.portal-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;border:1px solid transparent;background:transparent;color:#708477;padding:11px 8px;min-height:44px;font-size:13px;font-weight:600;line-height:1.4;border-radius:8px;transition:background .2s,color .2s,box-shadow .2s}
.portal-button svg{width:17px;height:17px}.portal-button.active{color:#22553d;background:#fff;border-color:#e1e8df;box-shadow:0 2px 6px #183e3110}.portal-button:hover{color:#174e36;background:#ffffff88}
.login-v3 .login-form{margin:0}.login-v3 .field>label{font-size:14px;font-weight:600;color:#2d4c3c;margin-bottom:9px}.login-v3 .login-form .field+.field{margin-top:20px}
.login-input-wrap{position:relative}.login-input-wrap>svg{position:absolute;left:16px;top:17px;width:18px;height:18px;color:#7a9782;pointer-events:none}
.login-v3 .input{min-height:54px;border:1px solid #d7e1d9;border-radius:11px;background:#fbfcfa;color:#193e2e;font-size:16px;padding:14px 44px;box-shadow:0 1px 2px #183e3103;transition:border-color .2s,box-shadow .2s}
.login-v3 .input::placeholder{font-size:15px;color:#829289}.login-v3 .input:focus{border-color:#589471;outline:0;background:#fff;box-shadow:0 0 0 4px #58947114}
.login-v3 .password-wrap button{top:5px;right:5px;width:44px;height:44px;color:#688771}.login-v3 .password-wrap button:hover{background:#eff5ed;border-radius:8px}
.login-v3 .login-submit,.login-v3 .button.primary{border:1px solid #195a40;background:linear-gradient(115deg,#215b42,#123f31);color:#fff;box-shadow:0 5px 12px #123f3112;font-size:15px;font-weight:650;min-height:54px;border-radius:11px}
html[data-theme=dark] .login-v3 .button.primary{background:linear-gradient(115deg,#215b42,#123f31);color:#fff;border-color:#195a40}
.login-v3 .login-submit{margin-top:26px;justify-content:center;gap:18px}.login-v3 .login-submit svg{width:19px;height:19px;transition:transform .2s}.login-v3 .login-submit:hover{background:linear-gradient(115deg,#2c7051,#184c38);transform:translateY(-1px);filter:none;box-shadow:0 7px 18px #123f3122}.login-v3 .login-submit:hover svg{transform:translateX(3px)}
.login-v3 .login-submit .spinner{width:18px;height:18px;border-color:#ffffff35;border-top-color:#fff}.login-access-note{font-size:12px;text-align:center;line-height:1.7;margin-top:14px;color:#6e8375}
.login-progress{margin-top:26px}.login-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#6b8272;line-height:1.6;margin-bottom:10px}.login-progress-copy strong{font-size:13px;color:#3c6549;font-weight:600;flex:none}
.login-progress-track{height:3px;border-radius:3px;overflow:hidden;background:#eaf0e9}.login-progress-track>span{display:block;width:0;height:100%;border-radius:3px;background:linear-gradient(90deg,#2b7554,#a7ad6a);transition:width .35s ease;position:relative}
.login-progress[data-state=loading] .login-progress-track>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffffb3,transparent);animation:accessSweep 1.5s linear infinite}
.login-progress[data-state=error] .login-progress-copy,.login-progress[data-state=error] .login-progress-copy strong{color:#a64b3b}
.login-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:20px;margin-top:24px;border-top:1px solid #e5ebe5}
.login-v3 .login-status{font-size:12px;margin:0;color:#74887a;gap:7px}.login-v3 .login-status.live{color:#397250}.login-v3 .login-status.error{color:#ab4b3b}
.login-card-bottom>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#7d8d80}.login-card-bottom>span svg{width:13px;height:13px}
.login-outside-footer{max-width:440px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:36px;font-size:11px;color:#8a978b;line-height:1.6}
.login-outside-footer>span:first-child{font-size:11px;letter-spacing:1.6px;color:#5d7e60}.login-outside-footer>span:last-child{text-align:right;max-width:210px}
.login-v3 .notice.error{font-size:14px;line-height:1.65;background:#fff3ef;border-color:#ecd3c9;color:#9c4938;padding:14px 16px}
.login-v3 .setup-panel{font-size:13px;background:#f7f8ef;color:#52603d;border-color:#e3e6cb;margin-top:22px;line-height:1.7}
.login-v3 .setup-panel p,.login-v3 .setup-panel a{font-size:13px;color:#667653}.login-v3 .setup-panel .button{font-size:13px;color:#31573f;background:#fff}.login-v3 .codebox{font-size:12px;color:#2c583e;background:#fff}
.login-v3 button:focus-visible,.login-v3 input:focus-visible{outline:3px solid #9cb9a2;outline-offset:3px}
@keyframes ambientDrift{from{transform:translate(0,0) scale(.9)}to{transform:translate(45px,-35px) scale(1.15)}}
@keyframes orbitBreathe{0%,100%{opacity:.6;transform:translate(-50%,-50%) rotateX(42deg) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) rotateX(42deg) scale(1.02)}}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes accessReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes accessSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(min-width:1600px){.login-v3 .login-story{padding-left:7vw;padding-right:5vw}.login-v3 .login-main{padding-left:7vw;padding-right:7vw}.login-v3 .login-box{max-width:460px}.login-outside-footer{max-width:460px}}
@media(max-width:1100px) and (min-width:901px){.login-v3 .login-story{padding:36px}.login-v3 .login-main{padding:36px}.login-v3 .login-story h1{font-size:44px;letter-spacing:-1.6px}.login-v3 .brand-sub{font-size:11px}.login-v3 .login-box h2{font-size:29px}.login-card-edition{display:none}.login-pillars{gap:14px}.login-overline{font-size:11px;letter-spacing:1px}.login-orbit{height:220px}.orbit-node{padding:11px;font-size:12px}}
@media(max-width:900px){
 .login-v3{grid-template-columns:1fr}.login-v3 .login-story{min-height:0;padding:32px 36px}.login-v3 .story-content{padding:28px 0 0;max-width:650px}
 .login-v3 .login-story h1{font-size:43px;max-width:650px;margin:17px 0}.login-v3 .login-story h1 br{display:none}.login-v3 .login-story h1 em{display:block}
 .login-v3 .login-story .lede{max-width:580px;font-size:15px}.login-overline{font-size:11px}.login-pillars{margin-top:22px;gap:16px 24px}
 .login-orbit,.login-v3 .story-bottom{display:none}.login-v3 .login-main{padding:36px 30px 28px}.login-v3 .login-box{max-width:500px}.login-outside-footer{max-width:500px;margin-top:28px}
 .login-v3 .login-box h2{font-size:30px}.login-v3 .login-brand .brand-sub{max-width:340px}
}
@media(max-width:540px){
 .login-v3 .login-story{padding:25px 24px}.login-v3 .brand-name{font-size:27px}.login-v3 .login-brand{gap:11px}.login-v3 .login-brand .logo-mark{width:35px;height:42px}.login-v3 .brand-sub{font-size:12px;max-width:255px}
 .login-v3 .story-content{padding-top:24px}.login-overline{font-size:11px;letter-spacing:.8px;gap:8px}.login-overline>span{width:17px}
 .login-v3 .login-story h1{font-size:36px;line-height:1.13;letter-spacing:-1.4px;margin:15px 0}.login-v3 .login-story .lede{font-size:14px;line-height:1.75}
 .login-pillars{gap:10px 16px;margin-top:20px}.login-pillars>div{font-size:12px}.login-pillars svg{width:15px;height:15px}
 .login-v3 .login-main{padding:30px 24px 25px}.login-card-top{padding-bottom:21px;font-size:11px;gap:10px}.login-card-top strong{font-size:12px}.login-card-edition{font-size:11px;padding:4px 6px;letter-spacing:.2px}
 .login-intro{margin-top:25px}.login-v3 .login-box h2{font-size:29px;letter-spacing:-.8px}.login-intro>p{font-size:14px;line-height:1.75}
 .login-portals{margin:24px 0}.portal-button{font-size:12px;padding:11px 7px;gap:6px}.portal-button svg{width:16px;height:16px}
 .login-v3 .login-submit{font-size:15px}.login-card-bottom>span{font-size:11px}.login-outside-footer{font-size:11px}.login-outside-footer>span:first-child{font-size:11px}.login-outside-footer>span:last-child{max-width:185px}
}
@media(max-width:370px){.login-v3 .login-story,.login-v3 .login-main{padding-left:20px;padding-right:20px}.login-v3 .login-story h1{font-size:33px}.login-card-edition{display:none}.portal-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.login-v3 *,.login-v3 *:before,.login-v3 *:after{animation:none!important;transition:none!important}}

.blogger-native{display:none!important}
/* SIKAIU 2.2 — emerald, ivory, and warm gold */
:root{--bg:#f3f5f2;--green:#216b55;--deep:#113f35;--deep2:#082b26;--gold:#d0b06c;--radius:18px;--shadow:0 8px 34px #163e3208}
.sidebar{background:linear-gradient(175deg,#123f35,#082c27);border-right:1px solid #d8bd7733}
.sidebar .brand-name .brand-iu,.brand-iu{color:#f4cd69}.brand-sika{color:#fff}
.nav-item{position:relative;transition:background .2s,color .2s,transform .2s}.nav-item:hover{transform:translateX(2px)}
.nav-item.active{background:#ffffff10;box-shadow:inset 3px 0 #e4c47e;color:#fff}.nav-item.active svg{color:#e4c47e}
.nav-item .nav-tag{font-size:10px}.nav-item[data-module]{font-size:12.5px;padding-top:10px;padding-bottom:10px}
.sidebar-profile{border:1px solid #ffffff15;border-radius:12px;background:#ffffff06;padding:12px;display:flex;gap:11px;align-items:center;margin-bottom:15px;color:#f4f4ed}
.sidebar-profile small{display:block;color:#b4c8be;font-size:10px}.sidebar-profile strong{font-size:12px;display:block;max-width:172px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-footer{padding-top:14px}.topbar{background:var(--surface);box-shadow:0 2px 18px #15382e04}.content{max-width:1680px;margin:auto}
.hero{background:radial-gradient(ellipse at 85% 30%,#286650 0,transparent 65%),linear-gradient(120deg,#123f35,#103b32);border:1px solid #d5bc792b;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #dfc48217;border-radius:50%;right:10%;top:-100px;pointer-events:none;box-shadow:0 0 0 35px #dfc48206,0 0 0 70px #dfc48205}
.hero .hero-meta,.hero>div{position:relative;z-index:1}.card{box-shadow:var(--shadow)}.button{transition:transform .18s,background .18s,box-shadow .18s}.button:active{transform:translateY(1px)}
.stat{transition:transform .22s,border-color .22s,box-shadow .22s}.stat:hover{transform:translateY(-3px);box-shadow:0 14px 30px #173f3510;border-color:#b8cbbc}.stat-value{font-variant-numeric:tabular-nums}
.avatar-photo{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex:none;vertical-align:middle;background:var(--mint);color:var(--deep);width:44px;height:44px;border-radius:14px;font-weight:750;border:1px solid var(--line)}
.avatar-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar-photo.large{width:90px;height:90px;border-radius:25px;font-size:27px}.avatar-photo.hero-photo{width:85px;height:85px;border-radius:22px;background:#ffffff12;color:#fff;border:1px solid #d4bd7d55;margin-bottom:8px}
.sidebar-profile .avatar-photo{background:#ffffff0c;border-color:#ffffff1a;color:#f3d587}.profile-photo-form{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.profile-photo-form>.grow{min-width:210px}.photo-preview{width:90px;height:90px;border-radius:25px;object-fit:cover;display:block}
.photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.home-module{display:flex;flex-direction:column;gap:15px;padding:21px;min-height:190px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .2s,border-color .2s}.home-module:hover{transform:translateY(-3px);border-color:#a9c3b3}
.home-module .module-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--green)}.home-module .module-icon svg{width:21px;height:21px}.home-module p{font-size:12px;color:var(--muted);flex:1}.home-module h3{font-size:15px}.home-module .row{gap:9px}.home-module .button{align-self:flex-start}
.home-progress{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.completion-value{font-size:36px;line-height:1;font-weight:700;letter-spacing:-1px;color:var(--green)}.home-progress .progress{height:7px}.module-note{padding:15px 17px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:var(--goldlight);font-size:12px;margin-bottom:20px}
.notification-button{position:relative}.notification-button .notification-dot{position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:50%;background:#d3ae55;box-shadow:0 0 0 2px var(--surface)}
.notification-entry{padding:17px 0;border-bottom:1px solid var(--line)}.notification-entry:last-child{border:0}.notification-entry p{margin:9px 0;font-size:13px;color:var(--muted)}
.toast{display:flex;align-items:flex-start;gap:12px;background:#143e34;border:1px solid #ffffff20;box-shadow:0 12px 35px #061b2840;border-radius:14px;animation:appear .22s both}.toast.error{background:#703d32}.toast>svg{margin-top:2px;flex:none;width:20px;height:20px}.toast-copy{flex:1}.toast strong{display:block;font-size:12px;color:#ecd49c;margin-bottom:3px}.toast span{font-size:13px;line-height:1.6}.toast-dismiss{border:0;background:#ffffff0d;color:#fff;padding:3px;border-radius:5px;display:grid;place-items:center}.toast-dismiss svg{width:16px;height:16px}
.operation-progress{position:fixed;z-index:500;top:15px;left:50%;transform:translateX(-50%);width:min(365px,calc(100vw - 30px));border:1px solid #d6e2d9;border-radius:13px;background:#fffffff5;backdrop-filter:blur(12px);color:#173f34;box-shadow:0 10px 35px #15392c18;padding:12px 15px;transition:opacity .2s}
.operation-progress[hidden]{display:none}.operation-progress .operation-copy{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:600}.operation-track{height:3px;background:#e6eee7;border-radius:20px;overflow:hidden;margin-top:10px}.operation-track span{display:block;height:100%;background:linear-gradient(90deg,#267255,#cfad64);transition:width .28s;border-radius:20px}.operation-copy strong{color:#9b783a;font-variant-numeric:tabular-nums}
.loading .loading-copy{display:flex;flex-direction:column;gap:7px}.loading .loading-copy small{font-size:11px;color:var(--muted)}
.demo-banner{padding:9px 18px;border-bottom:1px solid #dfc47b50;background:#fbf5e7;color:#725b2c;font-size:12px;text-align:center;position:relative;z-index:2}.demo-banner strong{letter-spacing:.4px}.demo-banner .button{min-height:26px;padding:2px 7px;font-size:11px;margin-left:10px}
/* Login keeps the established access controls and the original message. */
.login-v3{grid-template-columns:1.08fr 1fr;background:#fafbf7}.login-v3 .login-story{padding:38px clamp(36px,4.8vw,78px);background:radial-gradient(ellipse at 10% 5%,#2c6450,transparent 70%),linear-gradient(160deg,#123f34,#092d27);justify-content:flex-start;gap:30px}
.login-v3 .login-story:after{opacity:.25}.login-v3 .login-main{background:linear-gradient(135deg,#fbfcf9,#f5f6ef);padding:40px clamp(30px,4.7vw,75px)}.login-v3 .login-box{background:transparent;max-width:440px}.login-v3 .story-content{padding:0;max-width:590px;width:100%}.login-v3 .story-bottom{margin-top:auto;font-size:10px}
.login-v3 .brand-name{letter-spacing:.4px;font-size:25px}.login-v3 .brand-sub{font-size:10px;color:#c4d4c8;max-width:260px}.login-v3 .login-overline{font-size:9px;letter-spacing:1.5px;color:#d1e0d4;margin:0 0 25px}.login-welcome{font:italic 24px/1.2 Georgia,serif;color:#e3cc94;margin-bottom:8px;animation:accessReveal .7s .05s both}
.login-v3 .login-story h1.sikaiu-wordmark{font-size:clamp(61px,6.4vw,104px);font-weight:780;letter-spacing:-4px;line-height:1;margin:0 0 16px;animation:accessReveal .7s .12s both;max-width:none}.sikaiu-wordmark .brand-sika{color:#fff}.sikaiu-wordmark .brand-iu{color:#f4ce68}
.login-expansion{font-size:clamp(20px,1.8vw,28px);line-height:1.4;font-weight:500;letter-spacing:-.5px;color:#f0f1e8;max-width:470px;text-wrap:balance;animation:accessReveal .7s .2s both}.story-tagline{font-size:17px;color:#d4c39c;letter-spacing:-.2px;margin-top:23px}.story-tagline em{font-style:normal;color:#f0d387}
.login-v3 .login-story .lede{font-size:12px;line-height:1.85;margin-top:10px;max-width:430px;color:#c1d2c7}.login-v3 .login-pillars{margin-top:21px;gap:12px 20px}.login-v3 .login-pillars>div{font-size:10px;color:#e2eadf}.login-v3 .login-pillars svg{width:16px;height:16px}
.campus-photo-story{position:relative;margin-top:25px;aspect-ratio:2/1;max-height:245px;border:1px solid #d5bb773b;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #001c2040;animation:accessReveal .8s .28s both}.campus-photo-story>img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;filter:saturate(.7);animation:campusReveal 1.3s ease both}.campus-photo-story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#062a28dd,transparent 70%)}.campus-photo-caption{position:absolute;z-index:1;left:20px;bottom:17px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}.campus-photo-caption small{font-size:9px;letter-spacing:1.5px;display:block;color:#e1d3ad}.campus-photo-caption strong{font-size:13px;font-weight:600}.campus-photo-caption>span{border:1px solid #ffffff35;border-radius:30px;padding:5px 8px;font-size:9px;backdrop-filter:blur(5px);background:#ffffff12}
.login-v3 .login-orbit{position:absolute;top:45px;right:-110px;width:200px;height:230px;transform:scale(.55);transform-origin:top center;opacity:.12;pointer-events:none;z-index:-1}.login-card-line{height:2px;background:linear-gradient(90deg,#143f34,#d3b16d,#d3b16d00)}.login-v3 .login-intro h2{font-size:31px}.login-v3 .login-card-edition{background:#e8eddf;color:#526a50}.login-v3 .login-mini-logo{background:#123e33}.login-intro{margin-top:28px}.login-intro>p{font-size:13px;line-height:1.8}
.login-portals{padding:5px;border-radius:12px;background:#e9eee5;border:1px solid #dce4d6}.portal-button{border:0;border-radius:8px;font-size:12px;padding:11px 8px;color:#69806c}.portal-button.active{background:#fff;color:#163f34;box-shadow:0 3px 10px #234b3410;border:0}.login-v3 .input{background:#fff;border-radius:11px;min-height:52px}.login-v3 .field>label{font-size:12px}.login-v3 .login-submit{min-height:52px;box-shadow:0 8px 20px #123f3120}.login-v3 .login-status,.login-card-bottom>span,.login-access-note{font-size:11px}.login-progress-copy{font-size:11px}.login-outside-footer{font-size:10px}.login-outside-footer>span:first-child{font-size:10px}
@keyframes campusReveal{from{transform:scale(1.045);opacity:.4}to{transform:scale(1);opacity:1}}
@media(min-width:1700px){.login-v3 .login-story{padding:55px 6vw}.login-v3 .story-content{max-width:650px}.campus-photo-story{max-height:280px}}
@media(max-width:1100px) and (min-width:901px){.login-v3 .login-story{padding:35px}.login-v3 .login-main{padding:35px}.login-v3 .login-story h1.sikaiu-wordmark{font-size:75px}.login-expansion{font-size:23px}.login-v3 .login-pillars{gap:10px}.campus-photo-story{aspect-ratio:1.7}.login-card-edition{display:none}}
@media(max-width:900px){.login-v3{grid-template-columns:1fr}.login-v3 .login-story{min-height:0;gap:25px;padding:32px}.login-v3 .story-content{max-width:100%;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.login-v3 .login-overline,.login-welcome,.sikaiu-wordmark,.login-expansion,.story-tagline,.login-v3 .lede,.login-v3 .login-pillars{grid-column:1}.login-v3 .campus-photo-story{grid-column:2;grid-row:2/9;aspect-ratio:auto;min-height:230px;margin-top:0;align-self:stretch}.login-v3 .login-story h1.sikaiu-wordmark{font-size:66px;letter-spacing:-3px;margin:0 0 10px}.login-expansion{font-size:20px}.login-welcome{font-size:21px}.login-v3 .login-overline{margin-bottom:15px}.story-tagline{font-size:14px;margin-top:17px}.login-v3 .login-story .lede{font-size:11px}.login-v3 .login-pillars{gap:8px 12px;margin-top:15px}.login-v3 .login-main{padding:35px 30px}.login-v3 .login-box{max-width:490px}.campus-photo-caption{left:15px;right:15px;bottom:14px}.campus-photo-caption>span{display:none}.login-v3 .login-orbit{display:none}}
@media(max-width:600px){.login-v3 .login-story{padding:25px 24px;gap:24px}.login-v3 .login-brand .brand-sub{max-width:240px;font-size:10px}.login-v3 .login-brand .brand-name{font-size:23px}.login-v3 .story-content{display:block}.login-v3 .login-story h1.sikaiu-wordmark{font-size:67px;margin-bottom:13px;letter-spacing:-2.5px}.login-expansion{font-size:20px;max-width:320px}.login-v3 .campus-photo-story{aspect-ratio:2.1;min-height:0;max-height:190px;margin-top:23px}.login-v3 .login-story .lede{font-size:12px}.login-v3 .login-pillars>div{font-size:10px}.login-v3 .login-overline{font-size:8px}.login-v3 .login-main{padding:32px 24px}.login-intro{margin-top:23px}.login-v3 .login-intro h2{font-size:28px}.login-v3 .login-box{max-width:490px}.login-v3 .login-card-top strong{font-size:11px}.login-v3 .login-card-top{font-size:10px}.login-v3 .login-card-edition{font-size:9px}.portal-button{font-size:11px}.sidebar-profile strong{max-width:168px}.hero .avatar-photo{width:65px;height:65px}.home-module{min-height:180px;padding:17px}.home-module h3{font-size:14px}.profile-photo-form{gap:17px}.top-right .notification-button{display:inline-flex}.user-button strong{max-width:90px}.avatar-photo{width:36px;height:36px;border-radius:11px}.top-right{gap:3px}.topbar{padding:0 14px}.notification-button .notification-dot{right:9px}.user-button small{font-size:9px}.module-note{font-size:12px}}
@media(max-width:380px){.login-v3 .login-story h1.sikaiu-wordmark{font-size:60px}.login-v3 .login-story,.login-v3 .login-main{padding-left:20px;padding-right:20px}.portal-button{font-size:10px}.home-module h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.operation-progress,.demo-banner{display:none!important}}


.login-v3 .brand-name>.brand-sika{color:#fff}.login-v3 .brand-name>.brand-iu{color:#f4ce68}
@media(max-width:600px){
 .login-v3 .login-story{gap:20px;padding-top:23px;padding-bottom:23px}.login-v3 .story-content{display:grid;grid-template-columns:minmax(0,1fr) 92px;column-gap:14px}
 .login-v3 .login-overline{grid-column:1/-1;margin-bottom:17px;font-size:8px}.login-v3 .login-welcome{grid-column:1;font-size:19px;margin-bottom:7px}
 .login-v3 .login-story h1.sikaiu-wordmark{grid-column:1;font-size:50px;letter-spacing:-2px;margin-bottom:9px}.login-v3 .login-expansion{grid-column:1;font-size:16px;line-height:1.5;letter-spacing:-.2px}
 .login-v3 .campus-photo-story{grid-column:2;grid-row:2/5;min-height:148px;margin:0;max-height:170px;aspect-ratio:auto;border-radius:12px;align-self:stretch}.campus-photo-story>img{object-position:43% center}.campus-photo-caption{left:8px;right:8px;bottom:9px}.campus-photo-caption small{font-size:6px;letter-spacing:.5px}.campus-photo-caption strong{font-size:9px;line-height:1.5;display:block}
 .login-v3 .story-tagline{grid-column:1/-1;margin-top:14px;font-size:13px}.login-v3 .login-story .lede{display:none}.login-v3 .login-pillars{grid-column:1/-1;margin-top:12px;gap:9px 15px}.login-v3 .login-pillars>div{font-size:9px}
 .login-v3 .login-main{padding-top:25px}.login-v3 .login-intro h2{font-size:26px}.login-intro>p{font-size:12px}.login-v3 .login-intro{margin-top:21px}.login-v3 .login-portals{margin-top:20px;margin-bottom:20px}
}

/* SIKAIU 2.3 */
:root{--campus-accent:#25765d;--campus-deep:#103e34;--campus-soft:#e8f2ec;--campus-light:#86cbaa;--bg:#f4f6f2;--radius:18px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.sidebar{background:linear-gradient(158deg,var(--campus-deep),color-mix(in srgb,var(--campus-deep) 68%,#061a1b));border-right:1px solid #ffffff12}.nav-item.active{box-shadow:inset 3px 0 var(--gold);background:#ffffff11}.sidebar .brand-name{font-family:inherit;letter-spacing:-1px}.sidebar-footer .eyebrow{color:#ddceaa}.sidebar-profile{border-color:#ffffff12}
.hero{background:radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--campus-accent) 80%,#ffffff 5%),transparent 70%),linear-gradient(120deg,var(--campus-deep),color-mix(in srgb,var(--campus-deep) 80%,#071f22))}.button.primary{background:var(--campus-deep);border-color:var(--campus-deep)}.progress>span,.bar-fill{background:var(--campus-accent)}.line-chart .chart-line{stroke:var(--campus-accent)}.line-chart .chart-dot{stroke:var(--campus-accent);fill:var(--surface)}
.button,.nav-item,.coverage-tile{position:relative;overflow:hidden;isolation:isolate}.button:hover{box-shadow:0 5px 14px #153f320c}.button:active{transform:scale(.975)}.click-wave{position:absolute;pointer-events:none;background:currentColor;opacity:.12;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);animation:clickWave .6s ease-out forwards;z-index:-1}
@keyframes clickWave{to{transform:translate(-50%,-50%) scale(30);opacity:0}}
.surface-reveal{animation:surfaceIn .45s ease both}@keyframes surfaceIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.bar-reveal{transform-origin:left;animation:barIn .7s cubic-bezier(.22,1,.36,1) both}@keyframes barIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.line-chart .chart-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:traceLine 1.1s cubic-bezier(.4,0,.2,1) forwards}.line-chart .chart-dot{cursor:pointer;animation:pointIn .45s .35s both}.line-chart .chart-dot:hover,.line-chart .chart-dot:focus-visible{r:7;stroke-width:3;outline:0}@keyframes traceLine{to{stroke-dashoffset:0}}@keyframes pointIn{from{opacity:0}to{opacity:1}}
.topbar{height:79px;gap:18px}.top-right{gap:12px}.live-indicator{white-space:nowrap;gap:7px;color:var(--muted);font-size:10px;max-width:180px}.live-indicator.syncing .status-dot{animation:syncPulse .8s infinite}.live-indicator.offline{color:var(--red)}@keyframes syncPulse{50%{opacity:.25;box-shadow:0 0 0 5px #b79a5140}}
.sample-toggle{font-size:11px;gap:7px;border-color:#d5bd8144;background:var(--goldlight);color:var(--ink);min-height:36px;padding:8px 11px;border-radius:9px}.sample-toggle.is-on{background:var(--campus-deep);color:white;border-color:var(--campus-deep)}.sample-toggle svg{width:15px;height:15px}.sample-active-dot{width:5px;height:5px;border-radius:50%;background:#f4cd69}
.sample-mode-banner{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #d6b96766;border-radius:13px;background:var(--goldlight);margin-bottom:25px;color:var(--ink);animation:surfaceIn .35s both}.sample-mode-banner strong{font-size:13px;display:block}.sample-mode-banner small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.sample-symbol{display:grid;place-items:center;background:#d3b05e20;color:#8c6e34;width:33px;height:33px;border-radius:10px;flex:none}.sample-symbol svg{width:16px;height:16px}.sample-mode-banner .button{font-size:11px;min-height:32px;padding:7px 10px;flex:none}
.dashboard-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.source-tabs{display:flex;padding:4px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;gap:3px}.source-tabs .button{min-height:35px;padding:7px 12px;font-size:11px;border-color:transparent;background:transparent;color:var(--muted);border-radius:7px}.source-tabs .button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #153a3110}.source-tabs svg{width:14px;height:14px}.source-tabs .status-dot{width:5px;height:5px}.update-caption{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}
.national-hero{padding:32px 36px;margin-bottom:24px;min-height:245px}.national-hero h2{font-size:35px;letter-spacing:-1.2px;line-height:1.18;font-weight:600;margin:11px 0}.national-hero p{font-size:12px;line-height:1.85;max-width:410px;color:#c2d2c6}.national-hero .hero-pill{font-size:9px;letter-spacing:.8px;padding:8px 12px;margin-top:19px}.national-hero .eyebrow{font-size:9px;letter-spacing:1.8px;color:#d8c99b}.national-meta{align-self:center;border-left:1px solid #ffffff20;padding-left:40px;min-width:185px}.national-meta strong{font-size:72px;letter-spacing:-3px;line-height:1.1;font-weight:500}.national-meta span{font-size:12px}.national-meta small{font-size:10px;color:#c9cfb5;margin-top:8px}
.content{padding-top:29px}.page-header{margin-bottom:26px}.page-header h1{font-size:28px;letter-spacing:-1px}.page-header p{font-size:12px;margin-top:7px;color:var(--muted)}.page-header .eyebrow{font-size:9px;letter-spacing:1.7px}.card{border-radius:17px;border-color:var(--line)}.card-head h2{font-size:18px;letter-spacing:-.5px}.card-head p{font-size:11px;line-height:1.75}.card-head .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:7px;display:block;color:var(--muted)}.stat{border-radius:16px;padding:20px}.stat-head{font-size:12px}.stat-value{font-size:34px;letter-spacing:-1px;line-height:1.3;font-weight:650}.stat-bottom{font-size:10px}.stat-icon{width:34px;height:34px;border-radius:11px;background:var(--campus-soft)}.stat.gold .stat-icon{background:var(--goldlight)}
.chart-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:17px}.chart-controls .field{flex:1;min-width:105px}.chart-controls label{font-size:10px;color:var(--muted);margin-bottom:6px;font-weight:500}.chart-controls .select{font-size:11px;min-height:37px;padding:8px 10px;background:var(--surface2)}.trend-card .line-chart{min-height:225px}.summary-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.summary-mini small{display:block;font-size:10px;color:var(--muted)}.summary-mini strong{display:block;margin-top:7px;font-size:17px;font-weight:600}
.coverage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.coverage-tile{display:flex;align-items:center;gap:10px;padding:14px 12px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;text-align:left;transition:background .2s,border-color .2s,transform .2s;min-width:0;color:var(--ink)}.coverage-tile:hover{border-color:var(--campus-accent);transform:translateY(-2px);background:var(--surface)}.coverage-tile small{font-size:9px;color:var(--muted);display:block;line-height:1.5}.coverage-tile strong{font-size:22px;display:block;font-weight:600;letter-spacing:-.5px;margin-top:4px}.coverage-tile em{font-size:9px;font-weight:400;color:var(--muted);font-style:normal;letter-spacing:0}.coverage-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;background:var(--campus-soft);border-radius:9px;color:var(--campus-accent)}.coverage-icon svg{width:16px;height:16px}.coverage-tile>svg{width:13px;height:13px;color:var(--muted);flex:none}.campus-color{display:block;width:5px;height:29px;border-radius:10px;flex:none}.campus-cell{min-width:175px;gap:12px}.campus-cell strong{font-size:12px}.campus-cell small{font-size:10px;margin-top:4px}.table td{font-size:12px}.table th{font-size:10px}.table td small{font-size:10px}.campus-card{border-top:3px solid var(--local-accent,var(--campus-accent));position:relative}.campus-card .avatar-photo{background:color-mix(in srgb,var(--local-accent,var(--campus-accent)) 9%,var(--surface));color:var(--local-accent,var(--campus-accent))}.campus-card h3{font-size:17px}.campus-card .location{font-size:12px}.campus-card .campus-code{font-size:10px}.campus-skin-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:10px}.campus-skin-label i{width:7px;height:7px;border-radius:50%;display:inline-block}
.inspector-heading{padding:24px;border-radius:14px;background:linear-gradient(125deg,var(--local-deep),var(--local-accent));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.inspector-heading h2{font-size:25px;margin-top:12px}.inspector-heading p{font-size:12px;color:#ffffffbb;margin-top:8px}.inspector-heading .eyebrow{color:#f1d69a;font-size:9px;letter-spacing:1.5px}.inspector-heading .avatar-photo{background:#ffffff16;border-color:#ffffff24;color:#fff}.inspector-counters{margin:18px 0}.inspector-modules{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.inspector-modules .button{font-size:11px;gap:14px}.inspector-modules strong{background:var(--mint);padding:2px 6px;border-radius:6px;color:var(--green)}
.operation-progress{top:18px;width:min(375px,calc(100vw - 30px));padding:15px 17px;border-radius:14px;background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 10px 40px #132e2520}.operation-track{background:var(--surface2);height:4px;border-radius:10px}.operation-track span{background:linear-gradient(90deg,var(--campus-accent),var(--gold))}.operation-copy strong{color:var(--green)}.loading{min-height:230px;gap:15px}.loading .spinner{width:26px;height:26px;border-width:2px}.loading-copy>span{font-size:13px;color:var(--ink)}
.toast{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 40px #16372a20;padding:16px 17px;position:relative;overflow:hidden;gap:12px}.toast>svg{background:var(--mint);box-sizing:content-box;padding:8px;border-radius:11px;color:var(--green);width:17px;height:17px}.toast strong{color:var(--ink);font-size:12px;margin-bottom:3px}.toast span{font-size:12px;color:var(--muted)}.toast.error{background:var(--surface);border-color:#c4877844}.toast.error>svg{background:var(--redbg);color:var(--red)}.toast-dismiss{background:var(--surface2);color:var(--muted);padding:4px;margin-left:4px}.toast:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--campus-accent);transform-origin:left;animation:toastLife 5.5s linear both}.toast.error:after{background:var(--red);animation-duration:12s}@keyframes toastLife{to{transform:scaleX(0)}}
/* Compact login, with the photograph blended into the panel. */
.login-v3{grid-template-columns:1fr 1fr;min-height:100dvh;background:#f8faf6}.login-v3 .login-story{padding:43px 58px;gap:0;min-height:100dvh;justify-content:space-between;background:#103f34;position:relative;overflow:hidden;isolation:isolate}.login-v3 .login-story:after{opacity:.12;background-size:75px 75px;z-index:0}.login-building{position:absolute;inset:28% 0 0;z-index:-2;overflow:hidden;animation:buildingIn 1.4s ease both}.login-building img{width:100%;height:100%;object-fit:cover;object-position:42% 68%;filter:saturate(.65) brightness(.82);transform:scale(1.01)}.login-story-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#103f34 5%,#103f34f8 25%,#103f34d9 44%,#103f346b 67%,#0b3029a8 100%),linear-gradient(90deg,#103f3480,transparent 45%,#103f3459)}
.login-v3 .login-brand{gap:12px;align-items:center;z-index:1}.login-v3 .login-brand .logo-mark{width:35px;height:40px}.login-v3 .login-brand .brand-name{font-size:23px;letter-spacing:-.8px;font-weight:750;line-height:1.1}.login-brand .brand-sub{display:none}.login-v3 .story-content{max-width:450px;padding:0;margin-top:15px;margin-bottom:18vh;z-index:1}.login-v3 .login-welcome{font-family:Georgia,serif;font-size:24px;color:#e3d0a0;font-style:italic;margin-bottom:11px;display:block}.login-v3 .login-story h1.sikaiu-wordmark{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:clamp(65px,6.5vw,102px);font-weight:720;letter-spacing:-5px;line-height:1;margin:0 0 17px}.login-v3 .login-expansion{font-size:23px;line-height:1.45;letter-spacing:-.6px;max-width:350px;font-weight:450;color:#edf0e8;margin:0}.login-rule{width:38px;height:1px;background:#cfb471;margin:24px 0 17px}.login-v3 .story-tagline{margin:0;font-size:12px;color:#d0dfd4;letter-spacing:.2px;line-height:1.8}.login-v3 .story-bottom{margin-top:0;z-index:1;color:#e8eadb;font-size:9px;letter-spacing:1.1px;gap:20px;align-items:flex-end}.login-v3 .story-bottom>span:before{width:4px;height:4px}.login-photo-credit{position:absolute;left:58px;bottom:88px;color:#ffffffb8;font-size:10px;letter-spacing:.5px;z-index:1}
.login-v3 .login-main{padding:42px 6vw 30px;background:radial-gradient(ellipse at 80% 5%,#fff,#f7f9f4 76%);min-height:100dvh}.login-v3 .login-box{max-width:380px;background:transparent}.login-card-top{padding-bottom:20px;border-bottom:1px solid #dce4d9;gap:11px}.login-card-top>span:not(.login-card-edition){font-size:9px;letter-spacing:1px;color:#6c7f71;line-height:1.75}.login-card-top strong{font-size:10px;letter-spacing:.7px;color:#284e3a}.login-card-top .login-mini-logo{width:33px;height:37px;background:#143f34;display:grid;place-items:center;border-radius:7px}.login-mini-logo .logo-mark{width:27px;height:31px}.login-card-edition{font-size:9px;letter-spacing:1px;padding:5px 7px;border-radius:5px;background:#edf1e7!important;color:#66785f!important}
.login-v3 .login-intro{margin-top:28px}.login-v3 .login-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.login-v3 .login-intro h2{font-size:29px;letter-spacing:-1.1px;font-weight:650;margin:10px 0}.login-v3 .login-intro>p{font-size:12px;line-height:1.8;color:#78867a;max-width:320px}.login-v3 .login-portals{margin:24px 0 23px;padding:4px;border:1px solid #dfe7da;border-radius:11px;background:#eaf0e5;gap:3px}.login-v3 .portal-button{font-size:10px;min-height:39px;padding:10px 7px;gap:6px}.login-v3 .portal-button svg{width:15px;height:15px}.login-v3 .login-form .field>label{font-size:11px;margin-bottom:8px;color:#355341}.login-v3 .login-form .field+.field{margin-top:17px}.login-v3 .input{font-size:14px;min-height:49px;border-radius:10px;padding-top:12px;padding-bottom:12px;background:#fff;border-color:#dce5d7}.login-v3 .input::placeholder{font-size:12px;color:#93a08f}.login-v3 .password-wrap button{top:3px}.login-v3 .login-submit{margin-top:22px;min-height:48px;font-size:12px;border-radius:10px;gap:15px}.login-v3 .login-access-note{font-size:10px;margin-top:11px;line-height:1.8}.login-v3 .login-progress{margin-top:25px}.login-v3 .login-progress-copy{font-size:9px}.login-v3 .login-card-bottom{margin-top:20px;padding-top:17px}.login-v3 .login-status,.login-v3 .login-card-bottom>span{font-size:9px}.login-v3 .login-outside-footer{font-size:9px;margin-top:26px;max-width:380px;gap:15px}.login-v3 .login-outside-footer>span:first-child{font-size:9px;letter-spacing:1px}.login-v3 .login-outside-footer>span:last-child{font-size:9px;max-width:200px}.login-v3 .setup-panel{font-size:11px}.login-v3 .setup-panel p{font-size:11px;line-height:1.8}
@keyframes buildingIn{from{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1650px){.login-v3 .login-story{padding:55px 6vw}.login-photo-credit{left:6vw}.login-v3 .story-content{margin-bottom:20vh}.login-v3 .login-main{padding-left:8vw;padding-right:8vw}.login-v3 .login-box{max-width:410px}}
@media(max-width:1450px){.coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-indicator{display:none}.topbar{padding-left:25px;padding-right:25px}.top-right{gap:8px}}
@media(max-width:1100px){.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.national-hero{padding:28px}.national-hero h2{font-size:30px}.national-meta{padding-left:25px;min-width:145px}.national-meta strong{font-size:60px}.topbar .breadcrumb{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar{padding-left:20px;padding-right:20px}.sample-toggle{font-size:10px;padding:7px 9px}.sample-mode-banner{flex-wrap:wrap}.sample-mode-banner .grow{flex-basis:65%}.login-v3 .login-story{padding:38px}.login-photo-credit{left:38px}.login-v3 .login-expansion{font-size:21px;max-width:315px}.login-v3 .login-main{padding:40px}.login-v3 .login-story h1.sikaiu-wordmark{font-size:78px}.login-v3 .login-box{max-width:365px}}
@media(max-width:900px){.login-v3{grid-template-columns:1fr}.login-v3 .login-story{min-height:350px;padding:26px 35px;display:block}.login-v3 .login-brand{margin-bottom:32px}.login-v3 .story-content{display:block;max-width:360px;margin:0 0 35px}.login-v3 .login-story h1.sikaiu-wordmark{font-size:62px;margin-bottom:11px;letter-spacing:-3px}.login-v3 .login-welcome{font-size:19px;margin-bottom:7px}.login-v3 .login-expansion{font-size:18px;max-width:285px;line-height:1.5}.login-rule{margin:17px 0 10px}.login-v3 .story-tagline{font-size:10px}.login-v3 .login-building{inset:0 0 0 32%}.login-v3 .login-building img{object-position:center 65%}.login-v3 .login-story-shade{background:linear-gradient(90deg,#103f34 5%,#103f34f2 30%,#103f34c4 48%,#103f3422 100%),linear-gradient(0deg,#103f34e0,transparent 55%)}.login-v3 .story-bottom{display:none}.login-photo-credit{left:auto;right:30px;bottom:23px;max-width:100px;font-size:8px;text-align:right;line-height:1.7}.login-v3 .login-main{min-height:0;padding:34px 30px 28px}.login-v3 .login-box{max-width:410px}.login-v3 .login-outside-footer{max-width:410px}}
@media(max-width:760px){.topbar{height:67px;padding:0 13px;gap:8px}.top-left{gap:6px}.top-right{gap:3px}.top-right .sample-toggle{display:inline-flex;min-height:33px;padding:6px 8px;font-size:9px}.top-right>.button.theme-toggle{display:none}.mobile-brand{font-size:16px}.user-button>span:last-child{display:none}.top-right .user-button{padding:4px}.top-right .avatar,.top-right .avatar-photo{width:32px;height:32px;border-radius:10px}.top-right .notification-button{min-width:34px;width:34px;padding:8px}.content{padding:24px 16px 30px}.page-header{margin-bottom:22px}.page-header h1{font-size:25px}.page-header p{font-size:11px;line-height:1.8}.page-header .eyebrow{font-size:8px}.national-hero{padding:23px 22px;min-height:0;gap:22px;align-items:center;flex-wrap:nowrap}.national-hero h2{font-size:27px;margin-top:10px}.national-hero p{font-size:11px}.national-hero .eyebrow{font-size:8px;letter-spacing:1.2px}.national-hero .hero-pill{font-size:7px;line-height:1.8;padding:6px 9px;letter-spacing:.3px}.national-meta{padding-left:19px;min-width:80px}.national-meta strong{font-size:46px}.national-meta span{font-size:10px;max-width:80px}.national-meta small{font-size:8px;max-width:80px}.stat{padding:16px}.stat-head{font-size:11px}.stat-value{font-size:30px}.stat-bottom{font-size:9px}.stat-icon{width:28px;height:28px;border-radius:9px}.stat-icon svg{width:16px;height:16px}.dashboard-controls{gap:13px}.update-caption{font-size:9px}.source-tabs .button{font-size:10px;padding:6px 9px}.coverage-grid{gap:8px}.coverage-tile{gap:8px;padding:12px 10px}.coverage-tile small{font-size:9px}.coverage-tile strong{font-size:20px}.coverage-icon{width:26px;height:26px}.coverage-tile>svg{display:none}.card-head h2{font-size:17px}.card-head p{font-size:11px}.chart-controls{gap:7px}.chart-controls .select{font-size:11px}.chart-controls .field{min-width:85px}.summary-mini small{font-size:10px}.sample-mode-banner{padding:12px;gap:10px;margin-bottom:22px}.sample-mode-banner strong{font-size:12px}.sample-mode-banner small{font-size:10px;line-height:1.7}.sample-mode-banner .grow{flex-basis:70%}.sample-mode-banner .button{font-size:10px}.inspector-heading{padding:19px}.inspector-heading h2{font-size:21px}.inspector-heading .avatar-photo{width:60px;height:60px;border-radius:18px}.inspector-heading p{font-size:11px}.toast{padding:14px}.toast span{font-size:12px}.header-tools .select{font-size:12px;min-height:39px}}
@media(max-width:540px){.login-v3 .login-story{padding:24px 25px;min-height:307px}.login-v3 .login-brand{gap:9px;margin-bottom:26px}.login-v3 .login-brand .logo-mark{width:28px;height:32px}.login-v3 .login-brand .brand-name{font-size:20px}.login-v3 .story-content{display:block;margin:0 0 13px;max-width:265px}.login-v3 .login-welcome{font-size:17px;margin-bottom:8px}.login-v3 .login-story h1.sikaiu-wordmark{font-size:54px;letter-spacing:-3px;margin-bottom:11px}.login-v3 .login-expansion{font-size:16px;max-width:240px;line-height:1.5;letter-spacing:-.3px}.login-rule{margin:14px 0 9px;width:27px}.login-v3 .story-tagline{font-size:9px}.login-v3 .login-building{inset:0 0 0 20%}.login-v3 .login-building img{object-position:44% 62%}.login-photo-credit{right:18px;bottom:17px;max-width:70px;font-size:7px;letter-spacing:.2px}.login-v3 .login-main{padding:29px 25px 25px}.login-v3 .login-box{max-width:410px}.login-v3 .login-card-top{padding-bottom:18px}.login-v3 .login-intro{margin-top:22px}.login-v3 .login-intro h2{font-size:26px}.login-v3 .login-intro>p{font-size:11px}.login-v3 .login-portals{margin:20px 0}.login-v3 .portal-button{font-size:10px}.login-v3 .input{font-size:16px}.login-v3 .input::placeholder{font-size:12px}.login-v3 .login-card-bottom>span,.login-v3 .login-status{font-size:9px}.national-hero{gap:14px}.national-hero h2{font-size:25px}.national-meta{padding-left:15px;min-width:72px}.national-meta strong{font-size:42px}.national-hero p{max-width:230px}.inspector-counters{grid-template-columns:1fr 1fr}.chart-controls .field:first-child{flex-basis:100%}.sample-toggle svg{width:13px;height:13px}.top-right .sample-toggle{font-size:8px;padding:6px}.mobile-brand{font-size:14px}.top-left .menu-button{width:33px;min-width:33px;padding:7px}}
@media(max-width:380px){.national-meta{display:none}.coverage-grid{grid-template-columns:1fr 1fr}.coverage-icon{display:none}.top-right{gap:0}.topbar{padding:0 10px}.content{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.line-chart .chart-line{stroke-dashoffset:0}.bar-reveal{transform:none}.click-wave{display:none}}
@media print{.sample-mode-banner,.sample-toggle{display:none!important}}

.login-building{mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 34%,#000 100%)}
.national-meta strong>span{font-size:inherit;letter-spacing:inherit;line-height:inherit;max-width:none;color:inherit}


/* SIKAIU 2.5: presentation only; existing chart values and forms retain their logic. */
html.login-screen,html.login-screen body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto}
.brand-emblem{display:block;position:relative;overflow:hidden;isolation:isolate;border-radius:12px;flex:none;background:#ffffff0a}
.brand-emblem img{position:absolute;max-width:none!important;width:170%!important;height:auto!important;left:-35%;top:-17%;filter:drop-shadow(0 3px 5px #001e2520)}
.login-stage{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(24px,4vh,56px) 32px;background:radial-gradient(ellipse at 12% 15%,#1b5c6466,transparent 55%),radial-gradient(ellipse at 90% 100%,#166b6750,transparent 50%),#0b2330;overflow:hidden}
.stage-lights{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.stage-lights i{position:absolute;width:40vw;height:40vw;border-radius:50%;filter:blur(70px);background:#389588;opacity:.15;top:-20%;left:-15%;animation:stageGlow 20s ease-in-out infinite alternate}.stage-lights i:nth-child(2){left:auto;right:-10%;top:40%;background:#378fd0;animation-delay:-9s;opacity:.12}.stage-lights i:nth-child(3){top:70%;left:30%;width:35vw;height:35vw;background:#83c1a1;opacity:.08;animation-delay:-14s}
.stage-lights:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 46%,#bde9e907 49%,transparent 53%);animation:lightTraverse 24s linear infinite}
.stage-lights>span{position:absolute;width:3px;height:3px;border-radius:50%;background:#d9eee6;box-shadow:240px 150px #c4e4d858,530px 80px #ffffff45,780px 310px #ffffff44,1020px 190px #a5e9d35c,120px 450px #f5dfb35e,450px 560px #9dd8cf50;top:7%;left:3%;opacity:.5;animation:starBreathe 6s ease-in-out infinite}.stage-lights>span:nth-last-child(2){top:40%;left:48%;animation-delay:-2s}.stage-lights>span:last-child{top:75%;left:18%;animation-delay:-4s}
.login-stage .login-v5{width:min(1120px,100%);height:auto;min-height:710px;grid-template-columns:1fr 1fr;grid-template-rows:auto;border:1px solid #d8ece348;border-radius:28px;box-shadow:0 40px 100px #00141c55,0 1px 0 #ffffff20;overflow:hidden;background:#fff;animation:portalAppear .65s cubic-bezier(.2,.7,.3,1) both}
.login-stage .login-v5 .login-story{height:auto;min-height:0;padding:36px 40px 25px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;background:linear-gradient(150deg,#1a755f 0%,#125968 48%,#173d62 100%);position:relative;isolation:isolate}
.login-stage .login-v5 .login-story:after{inset:0;opacity:.15;z-index:-1;mask-image:radial-gradient(ellipse at top left,#000,transparent 80%);background-image:linear-gradient(#ffffff17 1px,transparent 1px),linear-gradient(90deg,#ffffff17 1px,transparent 1px);background-size:58px 58px}
.login-stage .login-v5 .login-brand{display:flex;gap:13px;margin:0}.login-stage .login-v5 .login-brand .logo-mark{width:47px;height:49px;filter:drop-shadow(0 3px 8px #002a3033)}
.login-stage .login-v5 .login-brand .brand-name{font-size:27px;letter-spacing:-.9px;line-height:1.2}.login-stage .brand-sika{color:#fff!important}.login-stage .brand-iu{color:#7ee0b0!important}
.login-stage .login-v5 .brand-sub{display:block;font-size:11px;line-height:1.5;max-width:260px;color:#d2eae4;letter-spacing:.1px;margin-top:4px;opacity:1}
.login-stage .login-v5 .story-content{display:block;position:relative;z-index:2;transform:none;margin:34px 0 0;padding:0;max-width:450px;align-self:auto;width:100%}
.login-stage .login-v5 .login-welcome{font-family:inherit;font-style:normal;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:2.2px;line-height:1.7;color:#cce7df;margin-bottom:12px}
.login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:clamp(48px,4.9vw,68px);font-weight:700;line-height:1.08;letter-spacing:-3.2px;margin:0 0 12px}
.login-stage .login-v5 .login-expansion{font-size:22px;line-height:1.4;color:#e1f1ec;letter-spacing:-.4px;max-width:350px}
.login-stage .login-v5 .login-rule{height:1px;width:52px;background:linear-gradient(90deg,#d9c990,#d9c99025);margin:20px 0 12px}.login-stage .login-v5 .story-tagline{font-size:13px;color:#c5e1d8;letter-spacing:.2px}
.login-stage .login-v5 .login-building{position:relative;inset:auto;align-self:center;z-index:1;width:calc(100% + 40px);height:auto;aspect-ratio:1.5;max-height:310px;min-height:0;margin:18px -20px 0;mask-image:linear-gradient(180deg,#000 0%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 87%,transparent 100%);overflow:visible;animation:buildingIn .9s ease both}
.login-stage .login-v5 .login-building img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;filter:drop-shadow(0 18px 22px #052d3b44) saturate(.85);transform:none;mix-blend-mode:normal}
.login-stage .login-v5 .login-story-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,#ffffff05,transparent 60%);pointer-events:none}
.story-glows{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.story-glows>i{position:absolute;top:53%;right:-100px;width:300px;height:300px;background:#87d8bb;border-radius:50%;filter:blur(65px);opacity:.13;animation:stageGlow 15s ease-in-out infinite alternate}.story-glows>i:nth-child(2){top:0;left:-120px;background:#8ab9e7;opacity:.12;animation-delay:-7s}.story-glows>span{position:absolute;right:28px;top:39%;width:54px;height:54px;border:1px solid #e6f3e51c;background:#e5f4ed0a;border-radius:17px;display:grid;place-items:center;transform:rotate(12deg);backdrop-filter:blur(8px);filter:blur(.5px);animation:iconDrift 9s ease-in-out infinite}.story-glows>span svg{width:25px;height:25px;color:#d2e6da55}.story-glows>span:last-child{left:24px;right:auto;top:76%;width:42px;height:42px;filter:blur(1px);animation-delay:-4s}
.login-stage .login-v5 .login-photo-credit{position:static;text-align:right;font-size:10px;line-height:1.5;margin:0 0 17px;color:#b7d7d6}.login-stage .login-v5 .story-bottom{display:flex;font-size:10px;letter-spacing:1px;margin-top:auto;color:#bcd9d7;line-height:1.8}
.login-stage .login-v5 .login-main{height:auto;min-height:0;padding:34px 44px 25px;justify-content:center;gap:0;background:#fff;color:#1a3c38;position:relative}
.login-stage .login-v5 .login-box{width:100%;max-width:390px;padding:0;overflow:visible;background:#fff;max-height:none;border:0;box-shadow:none}
.login-stage .login-v5 .login-card-top{display:flex;padding-bottom:20px;gap:10px;min-height:0;border-bottom-color:#e2e9ea;line-height:1.7}.login-stage .login-card-top>span:not(.login-card-edition){font-size:10px;letter-spacing:.9px;color:#6e8580}.login-stage .login-card-top strong{font-size:11px;color:#345c50;letter-spacing:.5px}.login-stage .login-mini-logo .logo-mark{width:30px;height:32px;border-radius:8px;background:transparent}.login-stage .login-card-edition{font-size:10px;letter-spacing:.5px;padding:5px 8px;color:#6e8380;border-color:#e0e8e5}
.login-stage .login-v5 .login-intro{margin-top:26px}.login-stage .login-v5 .login-intro .eyebrow{font-size:10px;letter-spacing:1.7px;color:#6c8b7d}.login-stage .login-v5 .login-intro h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:10px 0;color:#1c443b}.login-stage .login-v5 .login-intro>p{font-size:14px;line-height:1.75;max-width:none;color:#69827a}
.login-stage .login-v5 .login-portals{margin:23px 0;padding:4px;background:#f0f5f4;border-color:#dfe8e3;border-radius:11px;gap:4px}.login-stage .login-v5 .portal-button{min-height:42px;padding:10px 6px;font-size:12px;gap:6px;line-height:1.4;color:#688276}.login-stage .login-v5 .portal-button.active{background:#fff;border-color:#dce8df;color:#215f49;box-shadow:0 2px 7px #1d5b3910}.login-stage .portal-button svg{width:16px;height:16px}
.login-stage .login-v5 .field>label{font-size:13px;font-weight:650;color:#35564a;margin-bottom:8px}.login-stage .login-v5 .login-form .field+.field{margin-top:18px}.login-stage .login-v5 .input{font-size:16px;min-height:50px;padding:12px 43px;border-color:#d8e4df;border-radius:10px;background:#fafcfb;line-height:1.5}.login-stage .login-v5 .input::placeholder{font-size:14px;color:#8a9c93}.login-stage .login-input-wrap>svg{top:16px;left:15px;width:17px;height:17px}.login-stage .login-v5 .password-wrap button{height:42px;width:42px;top:4px;right:4px}.login-stage .login-v5 .login-feedback{font-size:12px;min-height:22px;line-height:1.6;margin:12px 0;color:#758b80}
.login-stage .login-v5 .login-feedback .notice{font-size:13px;line-height:1.65;padding:12px;margin-bottom:0}.login-stage .login-v5 .login-submit{position:relative;isolation:isolate;overflow:hidden;min-height:51px;font-size:14px;letter-spacing:.1px;margin-top:7px;border-radius:11px;background:linear-gradient(110deg,#1c7558,#195b69);border:1px solid #276c5b;box-shadow:0 6px 16px #1c6a4f23;transition:transform .16s,box-shadow .22s,filter .22s}
html[data-theme=dark] .login-stage .login-v5 .login-submit{background:linear-gradient(110deg,#1c7558,#195b69);color:#fff;border-color:#276c5b}
.login-stage .login-v5 .login-submit:before{content:"";position:absolute;inset:-50% -100%;background:linear-gradient(110deg,transparent 45%,#ffffff24 50%,transparent 55%);animation:buttonGleam 7s ease-in-out infinite;pointer-events:none;z-index:-1}.login-stage .login-v5 .login-submit:hover{transform:translateY(-1px);box-shadow:0 9px 25px #1a6a4a33;filter:brightness(1.04)}.login-stage .login-v5 .login-submit:active{transform:translateY(1px) scale(.985);box-shadow:0 2px 7px #1a6a4a20}.login-stage .login-access-note{font-size:11px;line-height:1.7;margin-top:12px;min-height:0;color:#708a7b}
.login-stage .login-v5 .login-progress{margin-top:20px}.login-stage .login-progress-copy{font-size:11px;line-height:1.6;margin-bottom:8px;color:#70897b}.login-stage .login-progress-copy strong{font-size:12px;color:#3e7658}.login-stage .login-progress-track{height:3px;background:#edf2ec}.login-stage .login-card-bottom{margin-top:20px;padding-top:16px;border-color:#e3eae5;gap:10px;flex-wrap:wrap}.login-stage .login-v5 .login-status,.login-stage .login-help-button{font-size:11px;line-height:1.5}.login-stage .login-help-button{padding:5px 0;min-height:30px}.login-stage .login-v5 .login-outside-footer{max-width:390px;margin-top:23px;font-size:10px;line-height:1.6;color:#82928a}.login-stage .login-outside-footer>span{font-size:10px;letter-spacing:.5px}.login-stage .setup-panel{font-size:13px;margin-top:16px}.login-stage .login-v5 .setup-panel p{font-size:13px}
.page-back-row{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:36px}.page-back-row>span{font-size:12px;color:var(--muted)}.back-arrow{display:inline-flex;transform:rotate(180deg)}.back-button{font-size:13px;min-height:36px;padding:7px 11px;background:var(--surface);border-color:var(--line)!important}.dialog-back-button{font-size:12px;min-height:36px;padding:7px 9px;margin-right:2px}.dialog-head{flex-wrap:wrap}.dialog-head>div{flex:1;min-width:120px}
@media screen{
 html:not([data-theme=dark]){--bg:#f4f7fa;--surface:#fff;--surface2:#f7f9fb;--ink:#213e43;--muted:#697e84;--line:#e3eaee;--blue:#598ab3;--shadow:0 8px 30px #254c6310}
 html:not([data-theme=dark]) body{background:radial-gradient(ellipse at top right,#e6f1f845,transparent 60%),var(--bg)}
 .sidebar{background:linear-gradient(165deg,var(--campus-deep,#103e34) 0%,#143d49 60%,#18364b 100%)}
 .nav-item{transition:background .2s,transform .18s,color .2s,box-shadow .2s;min-height:42px}.nav-item.active{background:linear-gradient(110deg,#d3f0e21a,#9ac8ea12);box-shadow:inset 0 0 0 1px #d1e4e61c;color:#eff8f4}.nav-item.active:before{background:#8bd6b6}.nav-item:hover{background:#d8eeec10;transform:translateX(2px)}.nav-item:active{transform:translateX(2px) scale(.98);background:#d8eeec20}
 .button:active,.coverage-tile:active,.home-module:active{transform:scale(.98)}.button,.coverage-tile,.home-module{transition:transform .18s,box-shadow .2s,background .2s,border-color .2s}
 .stat[data-kind=pegawai]{--metric-color:#477fab;--metric-bg:#eaf2fa}.stat[data-kind=pendidikan]{--metric-color:#8e71b5;--metric-bg:#f1edf8}.stat[data-kind=usaha]{--metric-color:#b18a43;--metric-bg:#fcf5e8}.stat[data-kind=santri]{--metric-color:#2e8b6b;--metric-bg:#eaf6ef}
 .stat .stat-icon{color:var(--metric-color,var(--green));background:var(--metric-bg,var(--mint))}.stat:after{background:linear-gradient(90deg,transparent,var(--metric-color,#8db2a0),transparent);opacity:.35}.stat:hover{box-shadow:0 12px 35px #1f52651a;transform:translateY(-2px)}
 .table th{background:#f0f5f8;color:#5d7786}.table tbody tr:nth-child(even){background:#f7fafb}.table tbody tr:hover{background:#edf5f7}.table th,.table td{border-bottom-color:#e8eef0}.table .num{font-variant-numeric:tabular-nums}
 html[data-theme=dark] .table th{background:var(--surface2);color:var(--muted)}html[data-theme=dark] .table tbody tr:nth-child(even){background:#ffffff03}html[data-theme=dark] .table tbody tr:hover{background:#ffffff08}
 .card{box-shadow:0 6px 25px #294a5f0a}.card-head h2{line-height:1.35}.profile-item span,.help,.chart-note{line-height:1.75}
 .fade-in{animation:workspaceArrive .28s ease both}.badge.gray{background:var(--surface2);border-color:var(--line)}
}
@keyframes portalAppear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes workspaceArrive{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes stageGlow{from{transform:translate(0,0) scale(.95)}to{transform:translate(30px,35px) scale(1.14)}}@keyframes lightTraverse{from{transform:translateX(-10%)}to{transform:translateX(15%)}}@keyframes starBreathe{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.7;transform:translateY(-8px)}}@keyframes iconDrift{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-9px) rotate(4deg)}}@keyframes buttonGleam{0%,60%{transform:translateX(-40%)}95%,100%{transform:translateX(40%)}}
@media(min-width:1600px){.login-stage{padding:52px}.login-stage .login-v5{width:1160px;min-height:760px}.login-stage .login-v5 .login-story{padding:43px 46px 28px}.login-stage .login-v5 .login-main{padding:40px 56px 30px}.login-stage .login-v5 .story-content{margin-top:40px}.login-stage .login-v5 .login-building{max-height:325px;margin-top:26px}}
@media(max-width:1100px){.login-stage{padding:24px}.login-stage .login-v5{min-height:690px}.login-stage .login-v5 .login-story{padding:30px 30px 24px}.login-stage .login-v5 .login-main{padding:30px}.login-stage .login-v5 .login-expansion{font-size:20px}.login-stage .login-v5 .login-building{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.login-stage .login-v5 .login-intro h2{font-size:28px}}
@media(max-width:800px){.login-stage{padding:22px 18px;min-height:100dvh}.login-stage .login-v5{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0;width:min(520px,100%);border-radius:23px}.login-stage .login-v5 .login-story{display:grid;grid-template-columns:1fr;min-height:0;height:auto;padding:27px 29px 18px}.login-stage .login-v5 .login-brand .brand-name{font-size:25px}.login-stage .login-v5 .login-brand .logo-mark{width:43px;height:45px}.login-stage .login-v5 .story-content{margin-top:26px;transform:none;max-width:none}.login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:52px;letter-spacing:-2.5px}.login-stage .login-v5 .login-expansion{font-size:19px;line-height:1.4}.login-stage .login-expansion br{display:none}.login-stage .login-v5 .login-rule{margin:16px 0 10px}.login-stage .login-v5 .story-tagline{font-size:12px}.login-stage .login-v5 .login-building{width:100%;height:210px;aspect-ratio:auto;margin:12px 0 0}.login-stage .login-v5 .login-building img{height:100%;width:100%;object-fit:contain}.login-stage .login-v5 .login-photo-credit{font-size:10px;margin:0 0 13px}.login-stage .login-v5 .story-bottom{font-size:9px}.login-stage .login-v5 .login-main{height:auto;min-height:0;padding:30px 29px 25px}.login-stage .login-v5 .login-box{max-width:430px;overflow:visible;max-height:none}.login-stage .login-v5 .login-outside-footer{max-width:430px}.login-stage .login-v5 .login-intro h2{font-size:29px}.story-glows>span{top:35%}}
@media(max-width:400px){.login-stage{padding:14px 12px}.login-stage .login-v5{border-radius:20px}.login-stage .login-v5 .login-story,.login-stage .login-v5 .login-main{padding-left:23px;padding-right:23px}.login-stage .login-v5 .login-brand .brand-name{font-size:24px}.login-stage .login-v5 .brand-sub{font-size:10px;max-width:210px}.login-stage .login-v5 .login-building{height:185px}.login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:46px}.login-stage .login-v5 .portal-button{font-size:11px;gap:5px}.login-stage .login-v5 .login-card-edition{display:none}.page-back-row>span{display:none}.dialog-head{gap:9px}.dialog-head h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.login-stage *,.login-stage *:before,.login-stage *:after,.fade-in{animation:none!important;transition:none!important}.nav-item:hover,.stat:hover{transform:none}}

.login-caps{float:right;font-size:11px;font-weight:500;color:#aa7836}.login-stage .login-feedback .notice{display:flex;align-items:flex-start;gap:8px}.login-stage .login-feedback svg{width:16px;height:16px;flex:none;margin-top:3px}.login-help-content p{font-size:14px;line-height:1.8;margin-top:18px}

.login-stage .login-v5 .login-feedback{height:auto}.login-stage .login-v5 .login-building{height:255px;aspect-ratio:auto}.login-stage .login-v5 .login-building img{object-fit:contain}.login-stage .login-v5 .login-main{padding-top:30px;padding-bottom:24px}.login-stage .login-v5 .login-intro{margin-top:22px}.login-stage .login-v5 .login-portals{margin-top:20px;margin-bottom:20px}.login-stage .login-v5 .login-outside-footer{margin-top:20px}
@media(max-width:800px){.login-stage .login-v5 .login-building{height:190px}.login-stage .login-v5 .login-main{padding-top:28px}.login-stage .login-v5 .login-expansion{max-width:none}}

.login-stage .login-v5 .login-photo-credit{display:block;width:auto;max-width:none;align-self:stretch;white-space:normal;text-align:right}
.login-stage .login-v5 .login-intro h2{text-shadow:none}
@media(max-width:800px){
 .login-stage .login-v5 .login-story{display:block;min-height:332px;padding:25px 27px 22px}
 .login-stage .login-v5 .login-brand .brand-sub{max-width:250px;font-size:11px}
 .login-stage .login-v5 .story-content{margin-top:24px;max-width:57%;position:relative}
 .login-stage .login-v5 .login-welcome{display:none}
 .login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:39px;letter-spacing:-2px;margin-bottom:12px}
 .login-stage .login-v5 .login-expansion{font-size:16px;line-height:1.5;max-width:none}
 .login-stage .login-v5 .login-expansion br{display:none}
 .login-stage .login-v5 .login-rule{margin:12px 0 9px;width:35px}
 .login-stage .login-v5 .story-tagline{font-size:11px;line-height:1.6}
 .login-stage .login-v5 .login-building{position:absolute;inset:auto 8px 24px auto;width:48%;height:168px;margin:0;max-height:none;mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 100%)}
 .login-stage .login-v5 .login-photo-credit{display:none}
 .login-stage .login-v5 .story-bottom{font-size:9px;line-height:1.6;margin-top:24px;gap:12px;letter-spacing:.4px}
 .login-stage .login-v5 .login-card-top{padding-bottom:17px}
 .login-stage .login-v5 .login-intro{margin-top:22px}
 .login-stage .login-v5 .login-intro .eyebrow{font-size:10px}
 .login-stage .login-v5 .login-intro h2{font-size:27px;line-height:1.25}
}
@media(max-width:370px){.login-stage .login-v5 .login-story{padding-left:23px;padding-right:23px}.login-stage .login-v5 .story-content{max-width:59%}.login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:36px}.login-stage .login-v5 .login-expansion{font-size:15px}.login-stage .login-v5 .story-bottom{font-size:8px}}

/* SIKAIU 2.6 visual layer. All document/print rules remain in the existing theme. */
.brand-emblem{background:transparent;border-radius:0;overflow:visible}
.brand-emblem img{position:static;inset:auto;width:100%!important;height:100%!important;object-fit:contain;max-width:100%!important;padding:0;filter:drop-shadow(0 2px 5px #061c2518)}
.login-stage{background:radial-gradient(ellipse at 5% 15%,#2a74674d,transparent 47%),radial-gradient(ellipse at 95% 90%,#326a8d48,transparent 50%),linear-gradient(145deg,#081b27,#132f37 56%,#10222e);background-size:145% 145%;animation:skyBreathe 24s ease-in-out infinite alternate}
.stage-lights i{filter:blur(65px);opacity:.23;width:48vw;height:48vw;animation-duration:17s}.stage-lights i:nth-child(2){opacity:.2;background:#398ead}.stage-lights i:nth-child(3){opacity:.13;background:#8ebd91}.stage-lights:after{background:linear-gradient(115deg,transparent 42%,#c4e8e70b 48%,#b8e5d614 50%,transparent 57%);animation-duration:20s}.stage-lights>span{width:3px;height:3px;opacity:.7;box-shadow:240px 150px #d5f5e57d,530px 80px #ffffff66,780px 310px #d4ecf47a,1020px 190px #a5e9d37c,120px 450px #f5dfb383,450px 560px #9dd8cf75}
.login-stage .login-v5{border:1px solid #d9f1e666;box-shadow:0 40px 100px #000c1780,0 13px 28px #000c174a,0 0 0 9px #b5d6cb05;position:relative;z-index:1}
.login-stage .login-v5 .login-story{background:radial-gradient(ellipse at 5% 5%,#347f6266,transparent 60%),linear-gradient(146deg,#216c59,#205e69 53%,#22445e)}
.login-stage .login-v5 .login-brand{gap:12px}.login-stage .login-v5 .login-brand .logo-mark{width:51px;height:53px;filter:none}.login-stage .login-v5 .brand-sub{margin-top:2px;line-height:1.35;letter-spacing:0;max-width:290px;color:#dcebe4}
.login-stage .login-v5 .login-story h1.sikaiu-wordmark{margin-bottom:6px}.login-stage .login-v5 .login-expansion{line-height:1.32;letter-spacing:-.45px}.login-stage .login-v5 .story-content{margin-top:28px}
.login-stage .login-v5 .login-building{height:325px;max-height:345px;width:calc(100% + 66px);margin:10px -33px 0;isolation:isolate;mask-image:linear-gradient(180deg,#000 0%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 92%,transparent 100%)}
.login-stage .login-v5 .login-building img{position:relative;z-index:1;filter:drop-shadow(0 16px 20px #042c3d44) saturate(.9)}
.login-stage .login-v5 .login-building:before{content:"";position:absolute;z-index:-1;inset:5% 5% 1%;border-radius:50%;background:radial-gradient(ellipse,#c0e4c34a,#80c4c32b 40%,transparent 72%);filter:blur(22px);animation:buildingAura 8s ease-in-out infinite alternate}
.login-stage .login-v5 .login-building:after{content:"";position:absolute;z-index:0;left:11%;right:11%;top:35%;bottom:2%;border:1px solid #d1ecdf38;border-radius:50%;transform:perspective(420px) rotateX(58deg);box-shadow:0 0 0 24px #d8eee007,0 0 0 50px #d8eee004;animation:buildingOrbit 13s ease-in-out infinite}
.story-glows>i{opacity:.23;filter:blur(50px)}.story-glows>i:nth-child(2){opacity:.18}.story-glows:after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 180deg at 50% 65%,transparent 0deg,#c3f0d609 25deg,transparent 55deg,#bedfeb0a 90deg,transparent 125deg);animation:storyRadiance 32s linear infinite;mix-blend-mode:screen}.story-glows>span{border-color:#e2f3e62a;background:#ddf1e515;filter:blur(.3px)}
.login-stage .login-v5 .login-photo-credit{font-size:11px;margin-bottom:12px}.login-stage .login-v5 .story-bottom{font-size:11px;letter-spacing:.6px}.login-stage .login-v5 .login-main{background:#fff}
.login-stage .login-v5 .login-portals{position:relative;isolation:isolate;padding:5px;border:1px solid #c7d8cf;background:#eaf1ed;gap:4px;overflow:hidden;box-shadow:inset 0 1px 2px #1e46380a}
.login-stage .login-v5 .login-portals:before{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 14px)/2);border-radius:8px;background:linear-gradient(115deg,#285f4d,#285a61);border:1px solid #285b4c;box-shadow:0 3px 9px #1c4b3c2a,inset 0 1px 0 #d4e9d92e;transition:transform .34s cubic-bezier(.2,.75,.25,1);z-index:0;pointer-events:none}
.login-stage .login-v5 .login-portals[data-portal=campus]:before{transform:translateX(calc(100% + 4px))}
.login-stage .login-v5 .portal-button{position:relative;z-index:1;overflow:hidden;min-height:46px;border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#526f60;font-weight:650;transition:color .22s,transform .12s}.login-stage .login-v5 .portal-button.active{color:#fff!important}.login-stage .login-v5 .portal-button svg{opacity:1}.login-stage .login-v5 .portal-button:active{transform:scale(.96)}.login-stage .login-v5 .portal-button:hover:not(.active){color:#204d3c}
.login-stage .login-v5 .login-input-wrap input{border-color:#c9dacf;background:#fbfcfa}.login-stage .login-v5 .input:focus{border-color:#618f76;box-shadow:0 0 0 4px #739a7e17}.login-stage .login-v5 .login-submit{background:linear-gradient(110deg,#2a7058,#2d6370);border-color:#2c6959;box-shadow:0 6px 18px #1d594326}
@media screen{
 html:not([data-theme=dark]){--bg:#f3f6f5;--surface:#fff;--surface2:#f5f8f7;--line:#dce5e1;--ink:#243e38;--muted:#687d73;--gold:#b59763;--shadow:0 6px 26px #244b3c0c}
 body{font-size:15px;line-height:1.6}.button{font-size:14px;border-color:var(--line);border-radius:10px;min-height:42px;box-shadow:0 1px 2px #193b2d04}.button.sm{font-size:13px;min-height:36px}.button:hover{box-shadow:0 4px 12px #1f4b3c12;border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.button:active{transform:translateY(1px) scale(.98);box-shadow:none}
 html:not([data-theme=dark]) .button.primary{background:var(--deep);color:#fff;border-color:var(--deep);box-shadow:0 4px 12px #1c4c3620}.card .button.ghost:not(.icon-button),.toolbar .button.ghost,.campus-bottom .button.ghost{border-color:var(--line);background:var(--surface2);color:var(--green)}
 .topbar [data-action=logout]{color:#936650;background:color-mix(in srgb,var(--surface) 90%,#efd6c8);border-color:color-mix(in srgb,var(--line) 70%,#debca5)}
 .nav-item{font-size:14px;line-height:1.4;padding-top:12px;padding-bottom:12px}.nav-item.active{background:linear-gradient(110deg,#d0e8da29,#b0d5df19);box-shadow:inset 0 0 0 1px #e6f2e129,0 3px 8px #062e2514}.nav-label{font-size:11px;letter-spacing:1.25px;color:#9db7a7}.sidebar-brand .brand-sub{font-size:11px;line-height:1.5}.sidebar-footer p{font-size:12px}.sidebar-profile small{font-size:12px}
 .eyebrow{font-size:11px;letter-spacing:1.5px}.page-header p,.card-head p,.section-head p{font-size:14px;line-height:1.7}.card-head h2{font-size:20px;line-height:1.3}.help,.chart-note,.tiny,.table-footer{font-size:12px}.small{font-size:14px}.field>label{font-size:14px}.input,.select,.textarea{font-size:15px;min-height:44px}.module-button{font-size:13px;min-height:42px}.module-button .count{font-size:12px}
 .table{font-size:14px}.table th{font-size:12px;letter-spacing:.45px;padding-top:14px;padding-bottom:14px;background:var(--surface2);color:var(--muted)}.table td{padding-top:14px;padding-bottom:14px}.table td small{font-size:12px;line-height:1.6}.badge{font-size:12px;letter-spacing:0}.profile-item{font-size:14px}.profile-item>span{font-size:12px}.tab{font-size:13px;min-height:40px;border:1px solid transparent}.tab.active{border-color:var(--line);box-shadow:0 2px 6px #1c423511}
 .stat-head{font-size:13px}.stat-bottom{font-size:12px;line-height:1.5;flex-wrap:wrap}.stat-value{font-size:32px}.summary-mini small,.data-summary small{font-size:12px}.home-module h3{font-size:17px}.home-module p,.coverage-tile small{font-size:13px;line-height:1.65}.campus-card .location{font-size:14px}.campus-card .campus-code{font-size:12px}.hero p{font-size:14px;line-height:1.8}.hero .eyebrow,.hero-pill{font-size:11px}.source-tabs .button,.update-caption,.source-tabs button{font-size:12px}.chart-controls label{font-size:12px}.chart-controls .select{font-size:13px;min-height:42px}.app-foot{font-size:11px}
 .kpi-card{position:relative;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .18s}.kpi-card h3{font-size:14px;line-height:1.4}.kpi-card:hover{border-color:var(--green);box-shadow:0 7px 20px #27523e12;transform:translateY(-2px)}.kpi-card:after{content:"↗";position:absolute;right:12px;top:10px;font-size:16px;color:var(--muted)}
 .bar-row{border:1px solid var(--line);padding:12px;border-radius:11px;background:var(--surface);transition:background .18s,border-color .18s,transform .18s}.bar-row:hover{border-color:color-mix(in srgb,var(--green) 40%,var(--line));background:var(--surface2)}.bar-row:active{transform:scale(.99)}.bar-label{font-size:13px;line-height:1.55}.bar-fill.gold{background:#b89960}.bar-track{height:7px}
 .donut-box{gap:20px}.donut-center{inset:24%;padding:0;border:0;background:transparent;color:var(--ink);border-radius:50%;cursor:pointer;min-height:0}.donut-center strong{font-size:26px}.donut-center small{font-size:12px}.donut-center:focus-visible{outline:2px solid var(--green);outline-offset:5px}
 .donut-segment{cursor:pointer;transition:stroke-width .18s,opacity .18s;pointer-events:visibleStroke}.donut-segment:hover,.donut-segment:focus{stroke-width:18;opacity:.9;outline:none;filter:drop-shadow(0 0 3px #47785c30)}
 .legend-row{font:inherit;font-size:13px;min-height:40px;border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:var(--surface);text-align:left;color:var(--ink);gap:10px;cursor:pointer;transition:background .18s,border-color .18s,transform .15s}.legend-row strong{font-size:13px;font-variant-numeric:tabular-nums}.legend-row .label{display:flex;align-items:center;gap:8px;min-width:0}.legend-row:hover{background:var(--surface2);border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.legend-row:active{transform:scale(.98)}
 .line-chart{cursor:crosshair}.line-chart .chart-axis{font-size:14px}.chart-crosshair{stroke:var(--muted);stroke-opacity:.55;stroke-width:1;stroke-dasharray:3 5;pointer-events:none}.chart-halo{fill:var(--campus-soft,var(--mint));stroke:var(--campus-accent,var(--green));stroke-width:1;opacity:.55;pointer-events:none}.line-chart .chart-dot{stroke-width:2;transition:r .13s,stroke-width .13s}.line-chart .chart-dot:hover,.line-chart .chart-dot:focus-visible{r:7;stroke-width:3}
 .tooltip{max-width:min(310px,calc(100vw - 24px));padding:12px 14px;line-height:1.65;font-size:13px;border:1px solid #b4cfbc55;background:#183e35;color:#f1f6f0;border-radius:12px;box-shadow:0 12px 30px #05261930;white-space:pre-line;z-index:450}
 .figure-summary{display:flex;flex-direction:column;gap:8px;padding:24px;background:linear-gradient(125deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:15px;margin-bottom:17px}.figure-summary>strong{font-size:clamp(28px,4vw,40px);font-weight:650;line-height:1.25;color:var(--green);letter-spacing:-1px;overflow-wrap:anywhere}.figure-summary>span:last-child{font-size:14px;color:var(--muted)}.figure-source-note{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.7}.figure-source-note svg{width:17px;height:17px;flex:none;margin-top:2px}
 .home-progress[role=button]{cursor:pointer;border-radius:12px;transition:box-shadow .18s}.home-progress[role=button]:hover{box-shadow:0 0 0 5px var(--surface2)}
 .dialog-backdrop{z-index:140}.dialog-head h2{font-size:20px}.dialog-head p{font-size:13px;line-height:1.6}.dialog-back-button{font-size:13px;min-height:40px;border-color:var(--line)!important;background:var(--surface2)!important}.report-paper .table{font-size:13px}.report-paper .table th{font-size:11px}
}
.logout-layer{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:#102e2a90;backdrop-filter:blur(9px);padding:24px;animation:portalAppear .18s ease both}.logout-card{width:min(330px,100%);padding:33px 30px;border:1px solid #e6efe7aa;border-radius:23px;background:#fff;box-shadow:0 30px 90px #001b2440;display:flex;align-items:center;flex-direction:column;text-align:center}.logout-card>strong{font-size:19px;font-weight:650;color:#244737;margin:20px 0 8px;line-height:1.4}.logout-card>p{font-size:14px;color:#748577;line-height:1.65}.logout-orbit{position:relative;width:63px;height:63px;border-radius:50%;background:#eef4ef;display:grid;place-items:center;color:#4d7a60}.logout-orbit>svg{width:28px;height:28px}.logout-orbit .spinner{position:absolute;inset:0;width:63px;height:63px;border-width:2px;border-color:#d9e6da;border-top-color:#61896b}.logout-track{width:100%;height:3px;margin-top:26px;border-radius:5px;background:#e7eee7;overflow:hidden}.logout-track>span{display:block;height:100%;width:40%;background:linear-gradient(90deg,#407959,#b5ba86);animation:logoutSweep 1.1s ease-in-out infinite}.logout-layer.done{opacity:0;pointer-events:none;transition:opacity .2s;animation:none}.logout-layer.done .spinner{animation:none;border-color:#83aa89}
@keyframes skyBreathe{from{background-position:0% 0%}to{background-position:100% 70%}}@keyframes buildingAura{from{opacity:.55;transform:translateY(7px) scale(.94)}to{opacity:1;transform:translateY(-10px) scale(1.08)}}@keyframes buildingOrbit{0%,100%{opacity:.45;transform:perspective(420px) rotateX(58deg) rotateZ(-10deg)}50%{opacity:.85;transform:perspective(420px) rotateX(58deg) rotateZ(6deg)}}@keyframes storyRadiance{from{transform:rotate(-12deg)}to{transform:rotate(348deg)}}@keyframes logoutSweep{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}
@media(max-width:1100px){.login-stage .login-v5 .login-building{height:295px;width:calc(100% + 54px);margin-left:-27px;margin-right:-27px}.login-stage .login-v5 .brand-sub{font-size:11px;max-width:250px}.login-stage .login-v5 .login-brand .logo-mark{width:46px;height:49px}}
@media(max-width:800px){.login-stage .login-v5 .login-story{min-height:350px}.login-stage .login-v5 .login-brand .brand-sub{line-height:1.35;max-width:240px}.login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:39px;margin-bottom:5px}.login-stage .login-v5 .story-content{margin-top:21px;max-width:56%}.login-stage .login-v5 .login-expansion{font-size:16px;line-height:1.35}.login-stage .login-v5 .login-building{position:absolute;inset:auto 0 26px auto;width:52%;height:195px;margin:0;max-height:none}.login-stage .login-v5 .story-bottom{font-size:10px;margin-top:28px;letter-spacing:.3px}.login-stage .login-v5 .login-portals{margin-top:20px}.login-stage .login-v5 .portal-button{font-size:12px}.login-stage .login-v5 .login-outside-footer,.login-stage .login-outside-footer>span{font-size:11px}}
@media screen and (max-width:760px){.input,.select,.textarea{font-size:16px}.card-head h2{font-size:19px}.nav-item{font-size:14px}.stat-head{font-size:12px}.stat-value{font-size:29px}.stat-bottom{font-size:12px}.chart-controls .select{font-size:14px}.line-chart .chart-axis{font-size:17px}.button,.tab,.legend-row{min-height:42px}.table td,.table th{padding-left:10px;padding-right:10px}.source-tabs{max-width:100%;overflow:auto}.source-tabs .button{font-size:12px}.donut-center strong{font-size:25px}.legend-row{padding:8px;font-size:12px}.dialog-head h2{font-size:18px}.app-foot{font-size:11px;flex-wrap:wrap}.figure-summary{padding:20px}.sidebar-brand .brand-sub{font-size:11px}.bar-label{font-size:13px}}
@media(max-width:370px){.login-stage .login-v5 .login-brand{gap:9px}.login-stage .login-v5 .login-brand .logo-mark{width:42px;height:45px}.login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:36px}.login-stage .login-v5 .login-expansion{font-size:15px}.login-stage .login-v5 .story-bottom{font-size:9px;gap:6px}.login-stage .login-v5 .portal-button{font-size:11px}.donut-box{gap:14px}.donut-ring{width:130px;height:130px}}
@media(prefers-reduced-motion:reduce){.login-stage,.login-stage *,.login-stage *:before,.login-stage *:after,.logout-layer,.logout-layer *{animation:none!important;transition:none!important}.logout-layer.done{opacity:0}.kpi-card:hover,.button:active,.nav-item:active{transform:none}}

@media(max-width:800px){.login-stage .login-v5 .story-bottom{position:absolute;left:27px;right:27px;bottom:18px;width:auto;margin:0;z-index:2}}
@media(max-width:540px){.login-stage .login-v5 .portal-button{font-size:11.5px;white-space:nowrap;gap:5px;padding-left:4px;padding-right:4px}.login-stage .login-v5 .portal-button svg{width:14px;height:14px}}

/* 2.7: viewport-sized login; the workspace, reports and print layout stay intact. */
html.login-screen,html.login-screen body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}
.login-screen #app{min-height:0;height:var(--login-viewport,100dvh)}
.login-screen .login-stage{--login-pad:clamp(16px,3vh,32px);height:calc(var(--login-viewport,100dvh) - var(--preview-bar-height,0px));min-height:0;max-height:100dvh;padding:var(--login-pad) max(var(--login-pad),env(safe-area-inset-right)) max(var(--login-pad),env(safe-area-inset-bottom)) max(var(--login-pad),env(safe-area-inset-left))}
.login-stage .login-v5{width:min(1100px,100%);height:min(720px,100%);min-height:0;max-height:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);border-radius:26px}
.login-stage .login-v5 .login-story{min-width:0;min-height:0;height:100%;padding:30px 38px 24px;gap:0;display:flex;flex-direction:column;overflow:hidden}
.login-stage .login-v5 .login-brand{align-items:center;flex:none;gap:11px;margin:0}
.login-stage .login-v5 .login-brand .logo-mark{width:47px;height:49px}
.login-stage .login-v5 .brand-sub{margin:1px 0 0;line-height:1.25;font-size:11px;max-width:280px}
.login-stage .login-v5 .story-content{flex:none;margin:clamp(16px,3.2vh,30px) 0 0;padding:0;max-width:100%;width:100%;transform:none}
.login-stage .login-v5 .login-welcome{font-size:10px;line-height:1.4;margin-bottom:9px}
.login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:clamp(46px,4.7vw,64px);line-height:1.04;letter-spacing:-2.6px;margin:0 0 2px}
.login-stage .login-v5 .login-expansion{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:0;max-width:350px}
.login-stage .login-v5 .login-rule{margin:16px 0 10px}
.login-stage .login-v5 .story-tagline{margin:0;font-size:12px;line-height:1.5}
.login-stage .login-v5 .login-building{position:relative;inset:auto;flex:1 1 0;min-height:0;width:calc(100% + 66px);height:auto;max-height:350px;aspect-ratio:auto;margin:8px -33px 0;align-self:center}
.login-stage .login-v5 .login-building img{width:100%;height:100%;object-fit:contain}
.login-stage .login-v5 .login-photo-credit{flex:none;margin:0 0 10px;font-size:10px;line-height:1.4}
.login-stage .login-v5 .story-bottom{position:static;inset:auto;flex:none;margin:0;line-height:1.5;font-size:10px;gap:10px;justify-content:space-between;flex-wrap:nowrap}
.login-stage .login-v5 .login-main{min-height:0;height:100%;padding:24px 38px;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.login-stage .login-v5 .login-box{flex:none;width:100%;max-width:390px;min-height:0;max-height:none;overflow:visible}
.login-stage .login-v5 .login-card-top{padding-bottom:13px;gap:10px}
.login-stage .login-v5 .login-intro{margin-top:16px}
.login-stage .login-v5 .login-intro h2{font-size:29px;line-height:1.2;margin:6px 0}
.login-stage .login-v5 .login-intro>p{font-size:13px;line-height:1.55;margin:0;max-width:none}
.login-stage .login-v5 .login-portals{margin:16px 0;padding:4px;gap:4px}
.login-stage .login-v5 .login-portals:before{top:4px;bottom:4px;left:4px;width:calc((100% - 12px)/2)}
.login-stage .login-v5 .portal-button{min-height:42px;padding:9px 5px;font-size:12px;line-height:1.35;gap:5px;white-space:nowrap}
.login-stage .login-v5 .field>label{font-size:13px;line-height:1.4;margin-bottom:5px}
.login-stage .login-v5 .input{height:48px;min-height:48px;padding:10px 42px;font-size:16px;line-height:1.5}
.login-stage .login-input-wrap>svg{top:15px;left:14px}
.login-stage .login-v5 .password-wrap button{height:40px;min-height:40px;width:40px;top:4px;right:4px}
.login-stage .login-v5 .login-form .field+.field{margin-top:13px}
.login-stage .login-v5 .login-feedback{font-size:11px;line-height:1.5;min-height:17px;height:auto;margin:9px 0}
.login-stage .login-v5 .login-feedback .notice{font-size:12px;line-height:1.4;padding:8px;margin:0}
.login-stage .login-v5 .login-submit{height:48px;min-height:48px;font-size:14px;margin-top:3px;padding:10px 14px}
.login-stage .login-v5 .login-access-note{font-size:11px;line-height:1.5;margin:8px 0 0}
.login-stage .login-v5 .login-progress{margin-top:15px}
.login-stage .login-progress-copy{font-size:11px;line-height:1.45;margin-bottom:6px;gap:8px}
.login-stage .login-progress-copy strong{font-size:11px}
.login-stage .login-card-bottom{margin-top:13px;padding-top:9px;flex-wrap:nowrap;align-items:center;gap:7px}
.login-stage .login-v5 .login-status,.login-stage .login-help-button{font-size:11px;line-height:1.4}
.login-stage .login-help-button{min-height:30px;padding:5px 0;white-space:nowrap}
.login-stage .login-v5 .login-outside-footer{width:100%;max-width:390px;margin-top:15px;font-size:10px;line-height:1.5;gap:10px}
.login-stage .login-outside-footer>span{font-size:10px;letter-spacing:0}
.login-stage .setup-panel:not([hidden]){display:none} /* Full connection help remains available in its existing dialog. */
@media(max-width:1100px){.login-stage .login-v5 .login-story{padding:28px}.login-stage .login-v5 .login-main{padding:24px 28px}.login-stage .login-v5 .brand-sub{max-width:250px}.login-stage .login-v5 .login-expansion{font-size:20px}}
@media(max-width:800px){
 .login-screen .login-stage{--login-pad:12px}
 .login-stage .login-v5{width:min(470px,100%);height:min(870px,100%);grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(136px,23vh,202px) minmax(0,1fr);border-radius:22px}
 .login-stage .login-v5 .login-story{height:100%;min-height:0;display:block;padding:19px 24px;gap:0}
 .login-stage .login-v5 .login-brand{gap:9px}
 .login-stage .login-v5 .login-brand .logo-mark{width:37px;height:39px}
 .login-stage .login-v5 .login-brand .brand-name{font-size:23px;line-height:1.1}
 .login-stage .login-v5 .login-brand .brand-sub{font-size:10px;line-height:1.25;max-width:235px;margin-top:1px}
 .login-stage .login-v5 .story-content{margin:12px 0 0;max-width:60%;width:60%;position:relative;z-index:2}
 .login-stage .login-v5 .login-welcome,.login-stage .login-v5 .story-bottom,.login-stage .login-v5 .login-photo-credit,.login-stage .login-v5 .login-rule,.login-stage .login-v5 .story-tagline{display:none}
 .login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:34px;line-height:1.03;letter-spacing:-1.5px;margin:0 0 1px}
 .login-stage .login-v5 .login-expansion{font-size:13px;line-height:1.28;max-width:205px;margin:0;letter-spacing:0}
 .login-stage .login-v5 .login-expansion br{display:none}
 .login-stage .login-v5 .login-building{position:absolute;inset:auto -6px -6px auto;margin:0;width:48%;height:76%;max-height:166px;min-height:0;max-width:232px;z-index:1}
 .login-stage .login-v5 .login-main{padding:21px 25px;justify-content:safe center}
 .login-stage .login-v5 .login-card-top,.login-stage .login-v5 .login-outside-footer{display:none}
 .login-stage .login-v5 .login-intro{margin:0}
 .login-stage .login-v5 .login-intro h2{font-size:27px;line-height:1.2;margin:5px 0}
 .login-stage .login-v5 .login-intro>p{font-size:13px;line-height:1.5}
 .login-stage .login-v5 .login-portals{margin:15px 0}
 .login-stage .login-v5 .portal-button{font-size:11.5px;min-height:42px}
 .login-stage .login-v5 .portal-button svg{width:14px;height:14px}
 .login-stage .login-v5 .login-progress{margin-top:13px}
 .login-stage .login-v5 .login-card-bottom{margin-top:12px}
}
html.login-height-short .login-stage{--login-pad:12px}
html.login-height-short .login-stage .login-v5 .login-main{padding-top:16px;padding-bottom:16px}
html.login-height-short .login-stage .login-v5 .login-intro{margin-top:10px}
html.login-height-short .login-stage .login-v5 .login-intro h2{font-size:26px;margin:4px 0}
html.login-height-short .login-stage .login-v5 .login-card-top{padding-bottom:9px}
html.login-height-short .login-stage .login-v5 .login-portals{margin:11px 0}
html.login-height-short .login-stage .login-v5 .portal-button{min-height:38px;padding-top:7px;padding-bottom:7px}
html.login-height-short .login-stage .login-v5 .input{height:44px;min-height:44px;padding-top:8px;padding-bottom:8px}
html.login-height-short .login-stage .login-input-wrap>svg{top:13px}
html.login-height-short .login-stage .login-v5 .password-wrap button{top:2px;right:2px}
html.login-height-short .login-stage .login-v5 .field>label{font-size:12px;margin-bottom:4px}
html.login-height-short .login-stage .login-v5 .login-form .field+.field{margin-top:10px}
html.login-height-short .login-stage .login-v5 .login-feedback{margin:7px 0}
html.login-height-short .login-stage .login-v5 .login-submit{min-height:44px;height:44px;margin-top:2px}
html.login-height-short .login-stage .login-v5 .login-access-note{margin-top:6px}
html.login-height-short .login-stage .login-v5 .login-progress{margin-top:10px}
html.login-height-short .login-stage .login-card-bottom{margin-top:9px;padding-top:7px}
html.login-height-short .login-stage .login-v5 .login-outside-footer{margin-top:10px}
@media(max-width:800px){
 html.login-height-short .login-stage .login-v5{grid-template-rows:clamp(112px,19vh,136px) minmax(0,1fr)}
 html.login-height-short .login-stage .login-v5 .login-story{padding:14px 22px}
 html.login-height-short .login-stage .login-v5 .login-brand .logo-mark{width:32px;height:34px}
 html.login-height-short .login-stage .login-v5 .login-brand .brand-name{font-size:21px}
 html.login-height-short .login-stage .login-v5 .login-brand .brand-sub{font-size:9px;max-width:230px}
 html.login-height-short .login-stage .login-v5 .story-content{margin-top:8px}
 html.login-height-short .login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:28px}
 html.login-height-short .login-stage .login-v5 .login-expansion{font-size:12px;line-height:1.22}
 html.login-height-short .login-stage .login-v5 .login-main{padding:12px 23px}
 html.login-height-short .login-stage .login-v5 .login-intro{margin:0}
 html.login-height-short .login-stage .login-v5 .login-intro .eyebrow{display:none}
 html.login-height-short .login-stage .login-v5 .login-feedback{margin:6px 0}
 html.login-height-short .login-stage .login-v5 .login-progress{margin-top:8px}
 html.login-height-tight .login-stage{--login-pad:8px}
 html.login-height-tight .login-stage .login-v5{grid-template-rows:112px minmax(0,1fr);border-radius:18px}
 html.login-height-tight .login-stage .login-v5 .login-story{padding:12px 19px}
 html.login-height-tight .login-stage .login-v5 .login-main{padding:11px 20px}
 html.login-height-tight .login-stage .login-v5 .login-intro .eyebrow,html.login-height-tight .login-stage .login-v5 .login-intro>p{display:none}
 html.login-height-tight .login-stage .login-v5 .login-intro h2{font-size:24px;margin:0 0 1px}
 html.login-height-tight .login-stage .login-v5 .login-portals{margin:10px 0}
 html.login-height-tight .login-stage .login-v5 .login-feedback{margin:6px 0}
 html.login-height-tight .login-stage .login-v5 .login-access-note{font-size:10px;margin-top:5px}
}
@media(min-width:801px) and (max-height:650px){
 .login-stage .login-v5 .login-welcome,.login-stage .login-v5 .login-card-top,.login-stage .login-v5 .login-outside-footer{display:none}
 .login-stage .login-v5 .login-intro{margin-top:0!important}
 .login-stage .login-v5 .login-story{padding-top:23px;padding-bottom:20px}
 .login-stage .login-v5 .story-content{margin-top:16px}
 .login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:46px}
 .login-stage .login-v5 .login-expansion{font-size:18px}
}
@media(max-width:800px) and (max-height:460px) and (orientation:landscape){
 .login-stage .login-v5{width:min(900px,100%);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr)}
 .login-stage .login-v5 .login-story{padding:20px}
 .login-stage .login-v5 .story-content{margin-top:18px;max-width:100%;width:100%}
 .login-stage .login-v5 .login-building{height:45%;width:85%;inset:auto -5px 5px auto}
 .login-stage .login-v5 .login-main{justify-content:flex-start}
}
@media(min-width:600px) and (max-height:460px){
 html.login-height-short .login-stage .login-v5 .login-main{padding:12px 22px;justify-content:safe center}
 html.login-height-short .login-stage .login-v5 .login-intro{margin:0}
 .login-stage .login-v5 .login-intro .eyebrow,.login-stage .login-v5 .login-intro>p,.login-stage .login-v5 .login-card-top,.login-stage .login-v5 .login-outside-footer{display:none}
 html.login-height-short .login-stage .login-v5 .login-intro h2{font-size:23px;margin:0 0 4px}
 html.login-height-short .login-stage .login-v5 .login-portals{margin:8px 0}
 .login-stage .login-v5 .login-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
 html.login-height-short .login-stage .login-v5 .login-form .field{margin:0}
 .login-stage .login-v5 .login-feedback,.login-stage .login-v5 .login-submit{grid-column:1/-1}
 html.login-height-short .login-stage .login-v5 .login-feedback,html.login-height-short .login-stage .login-v5 .login-submit{margin:0}
 .login-stage .login-v5 .login-access-note{display:none}
}
@media(max-width:599px) and (max-height:520px){
 .login-stage .login-v5 .login-intro,.login-stage .login-v5 .login-access-note{display:none}
 html.login-height-tight .login-stage .login-v5 .login-main{padding:8px 18px}
 html.login-height-tight .login-stage .login-v5 .login-portals{margin:0 0 8px}
 html.login-height-short .login-stage .login-v5 .login-form .field+.field{margin-top:8px}
 html.login-height-short .login-stage .login-card-bottom{margin-top:6px;padding-top:6px}
 html.login-height-short .login-stage .login-v5 .login-progress{margin-top:6px}
 html.login-height-short .login-stage .login-v5 .login-feedback{margin:2px 0;line-height:1.35;min-height:15px}
}
@media(max-width:370px){
 html.login-height-short .login-stage .login-v5 .login-main{padding-left:14px;padding-right:14px}
 .login-stage .login-v5 .portal-button{font-size:11px;gap:4px;padding-left:3px;padding-right:3px}
 .login-stage .login-v5 .portal-button svg{width:12px;height:12px;flex:none}
 .login-stage .login-v5 .login-portals{display:grid;grid-template-columns:1.08fr .92fr}
 .login-stage .login-v5 .login-portals:before{width:calc(54% - 6.48px);transition:left .34s cubic-bezier(.2,.75,.25,1),width .34s cubic-bezier(.2,.75,.25,1)}
 .login-stage .login-v5 .login-portals[data-portal=dpp]:before{left:4px;transform:none}
 .login-stage .login-v5 .login-portals[data-portal=campus]:before{left:calc(54% + 1.52px);width:calc(46% - 5.52px);transform:none}
 html.login-height-short .login-stage .login-v5 .login-story{padding:10px 19px 8px}
 html.login-height-short .login-stage .login-v5 .login-brand .logo-mark{width:28px;height:30px}
 html.login-height-short .login-stage .login-v5 .login-brand .brand-name{font-size:20px;line-height:1.1}
 html.login-height-short .login-stage .login-v5 .login-brand .brand-sub{font-size:8.5px;line-height:1.25}
 html.login-height-short .login-stage .login-v5 .story-content{margin-top:5px}
 html.login-height-short .login-stage .login-v5 .login-story h1.sikaiu-wordmark{font-size:26px}
 html.login-height-short .login-stage .login-v5 .login-expansion{font-size:11.5px;line-height:1.2}
 html.login-height-short .login-stage .login-v5 .login-building{height:calc(100% - 53px);width:47%;bottom:-2px}
}
html.login-keyboard .login-stage{--login-pad:6px}
html.login-keyboard .login-stage .login-v5{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:min(470px,100%)}
html.login-keyboard .login-stage .login-v5 .login-story{display:none}
html.login-keyboard .login-stage .login-v5 .login-main{justify-content:flex-start;padding:12px 22px}
html.login-keyboard .login-stage .login-v5 .login-intro,html.login-keyboard .login-stage .login-v5 .login-card-top,html.login-keyboard .login-stage .login-v5 .login-outside-footer{display:none}
html.login-keyboard .login-stage .login-v5 .login-portals{margin:0 0 10px}
@media screen{.navigation-instant>.fade-in{animation:workspaceArrive .14s ease both}}

/* 2.8: ABSENHIJA sidebar reference, scoped to the signed-in navigation. */
@media screen{
 .sidebar{--nav-accent:#b9dfcf;--nav-accent-ink:#123b2c;--nav-ink:#d2e7dd;--nav-hover:#ffffff0b;background:linear-gradient(160deg,#000f08,#12392e);border-right:1px solid #375e4d;color:#fff;overflow:hidden}
 html[data-theme=dark] .sidebar{--nav-accent:#b4dcc8;--nav-accent-ink:#153e2c;background:#000f08;border-color:#395546}
 .sidebar .sidebar-brand{flex:none;align-items:center;gap:11px;padding:23px 20px 19px;border-bottom-color:#d0eadc12}
 .sidebar .sidebar-brand .logo-mark{width:52px;height:56px;min-width:52px;flex:none;filter:drop-shadow(0 3px 8px #00000016)}
 .sidebar .sidebar-brand>.brand-copy{min-width:0}
 .sidebar .sidebar-brand .brand-name{font-size:26px;line-height:1.12;letter-spacing:-.9px}
 .sidebar .sidebar-brand .brand-sika{color:#fff}
 .sidebar .sidebar-brand .brand-iu{color:var(--nav-accent)}
 .sidebar .sidebar-brand .brand-sub{max-width:180px;font-size:10.5px;line-height:1.4;margin-top:3px;color:#d2e7dd;letter-spacing:0;opacity:1}
 .sidebar .nav-scroll{min-height:0;flex:1 1 auto;padding:5px 14px 12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5c9b633 transparent}
 .sidebar .nav-label{font-size:10.5px;line-height:1.5;letter-spacing:1.25px;font-weight:650;color:#b8d2c5;padding:16px 12px 7px}
 .sidebar .nav-label:first-child{padding-top:10px}
 .sidebar .nav-item{display:flex;align-items:center;gap:12px;position:relative;min-height:47px;padding:12px 14px;margin:2px 0;border:0;border-radius:13px;background:transparent;color:#c0d5ca;font-size:14px;font-weight:550;line-height:1.4;isolation:isolate;overflow:hidden;box-shadow:none;transition:background .2s,color .2s,transform .18s,box-shadow .2s}
 .sidebar .nav-item>svg{width:19px;height:19px;flex:none;opacity:.95;color:currentColor;transition:transform .2s,opacity .2s}
 .sidebar .nav-item>span:not(.click-wave){min-width:0}
 .sidebar .nav-item:hover{background:var(--nav-hover);color:#fff;transform:translateX(2px)}
 .sidebar .nav-item:hover>svg{opacity:1;transform:translateY(-1px)}
 .sidebar .nav-item:active{transform:translateX(1px) scale(.975);box-shadow:inset 0 2px 6px #00190f20}
 .sidebar .nav-item.active{color:var(--nav-accent-ink);background:var(--nav-accent);font-weight:700;box-shadow:0 5px 18px #00150b1a;transform:none}
 .sidebar .nav-item.active:before{content:none}
 .sidebar .nav-item.active:after{content:"";position:absolute;right:13px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--nav-accent-ink);opacity:.8}
 .sidebar .nav-item.active>svg{color:var(--nav-accent-ink);opacity:1}
 .sidebar .nav-item:focus-visible{outline:2px solid #c2ead3;outline-offset:2px}
 .sidebar .nav-item .nav-tag{font-size:10px;line-height:1.5;border-radius:5px;color:#d2e7dd;background:#ffffff0c;padding:2px 5px;margin-left:auto}
 .sidebar .nav-item.active .nav-tag{color:var(--nav-accent-ink);background:#123b2c12;margin-right:10px}
 .sidebar .nav-item[data-module]{font-size:13px;min-height:45px}
 .sidebar .settings-toggle{padding-right:13px}
 .sidebar .settings-toggle .nav-chevron{width:16px;height:16px;margin-left:auto;opacity:.65;transform:none;transition:transform .24s,opacity .2s}
 .sidebar .settings-toggle[aria-expanded=true]{background:#ffffff0a;color:#fff}
 .sidebar .settings-toggle[aria-expanded=true] .nav-chevron{transform:rotate(180deg);opacity:1}
 .sidebar .settings-toggle.is-current{color:var(--nav-accent);background:#b9dfcf0d;box-shadow:inset 0 0 0 1px #b9dfcf1c}
 .sidebar .settings-nav-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .24s ease,opacity .18s,visibility .24s}
 .sidebar .settings-nav-panel.is-open{grid-template-rows:1fr;opacity:1;visibility:visible}
 .sidebar .settings-nav-clip{min-height:0;overflow:hidden}
 .sidebar .settings-nav-inner{padding:4px 0 4px 16px;position:relative}
 .sidebar .settings-nav-inner:before{content:"";position:absolute;left:10px;top:9px;bottom:10px;width:1px;background:linear-gradient(#b9dfcf1a,#b9dfcf44,#b9dfcf10)}
 .sidebar .settings-nav-inner .nav-item{font-size:13px;min-height:43px;padding:10px 12px;gap:10px;border-radius:11px}
 .sidebar .settings-nav-inner .nav-item>svg{width:17px;height:17px}
 .sidebar .settings-nav-inner .nav-item.active{padding-right:23px}
 .sidebar .settings-nav-inner .nav-item.active:after{right:10px;width:5px;height:5px;top:calc(50% - 2.5px)}
 .sidebar .sidebar-scene{position:relative;flex:none;height:clamp(126px,23vh,182px);min-height:0;margin:0;padding:0;border:0;overflow:hidden;pointer-events:none;isolation:isolate;contain:paint}
 .sidebar-scene .scene-haze{position:absolute;inset:-7% -10% -17%;width:120%;height:124%;object-fit:contain;object-position:center bottom;filter:blur(18px) saturate(.7);opacity:.18;animation:sidebarSceneGlow 11s ease-in-out infinite alternate;z-index:0}
 .sidebar-scene .scene-aura{position:absolute;left:6%;right:6%;bottom:1%;height:90%;border-radius:50%;background:radial-gradient(ellipse,#b9dfcf3d,#53a59220 40%,transparent 72%);filter:blur(12px);animation:sidebarAuraBreathe 9s ease-in-out infinite alternate;z-index:0}
 .sidebar-scene .scene-halo{position:absolute;left:15%;right:15%;top:12%;bottom:12%;border:1px solid #c3e9d333;border-radius:50%;transform:perspective(350px) rotateX(50deg) rotateZ(-12deg);box-shadow:0 0 0 13px #badbc608,0 0 0 28px #badbc604;animation:sidebarHaloDrift 18s ease-in-out infinite;z-index:1}
 .sidebar-scene .scene-architecture{position:absolute;inset:0 9% auto;width:82%;height:100%;color:#b9dfcf;opacity:.12;z-index:1;animation:sidebarSkylineDrift 16s ease-in-out infinite alternate}
 .sidebar-scene .scene-building{position:absolute;inset:9px 5px 5px;width:calc(100% - 10px);height:calc(100% - 14px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 12px #000f0866) saturate(.85);z-index:2;animation:sidebarBuildingFloat 7s ease-in-out infinite;transform-origin:50% 85%}
 .sidebar-scene .scene-stars{position:absolute;inset:0;z-index:1;opacity:.7;animation:sidebarStars 6s ease-in-out infinite alternate}
 .sidebar-scene .scene-stars>i{position:absolute;top:29%;left:14%;width:3px;height:3px;border-radius:50%;background:#d2efda;box-shadow:42px -12px #c8e6d94d,138px 11px #c8e6d980,173px 51px #c8e6d940}
 .sidebar-scene .scene-stars>i:nth-child(2){left:42%;top:9%;width:2px;height:2px}
 .sidebar-scene:before{content:"";position:absolute;left:15%;right:15%;top:5px;height:1px;background:linear-gradient(90deg,transparent,#badccb22,transparent);z-index:3}
 .sidebar-scene:after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(transparent,#12392e90);z-index:3}
 html[data-theme=dark] .sidebar-scene:after{background:linear-gradient(transparent,#000f08b3)}
 .sidebar .sidebar-footer:not(.sidebar-scene){flex:none}
}
@keyframes sidebarBuildingFloat{0%,100%{transform:translateY(1px) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.4deg)}}
@keyframes sidebarSceneGlow{from{opacity:.12;transform:translate(-4px,2px) scale(1.03)}to{opacity:.23;transform:translate(5px,-3px) scale(1.08)}}
@keyframes sidebarAuraBreathe{from{opacity:.5;transform:scale(.96)}to{opacity:.95;transform:scale(1.08)}}
@keyframes sidebarHaloDrift{0%,100%{transform:perspective(350px) rotateX(50deg) rotateZ(-12deg);opacity:.6}50%{transform:perspective(350px) rotateX(50deg) rotateZ(7deg);opacity:1}}
@keyframes sidebarSkylineDrift{from{transform:translateY(2px);opacity:.08}to{transform:translateY(-3px);opacity:.16}}
@keyframes sidebarStars{from{opacity:.35;transform:translateY(1px)}to{opacity:.8;transform:translateY(-4px)}}
@media screen and (max-width:1200px){.sidebar .sidebar-brand{padding-left:17px;padding-right:14px;gap:10px}.sidebar .sidebar-brand .logo-mark{width:48px;height:52px;min-width:48px}.sidebar .sidebar-brand .brand-name{font-size:25px}.sidebar .sidebar-brand .brand-sub{font-size:10px;max-width:155px}.sidebar .nav-scroll{padding-left:11px;padding-right:11px}.sidebar .nav-item{font-size:13px;padding-left:12px;padding-right:12px;min-height:46px}}
@media screen and (max-width:760px){.sidebar .sidebar-brand{padding-top:21px;padding-bottom:17px}.sidebar .sidebar-brand .logo-mark{width:50px;height:54px;min-width:50px}.sidebar .sidebar-brand .brand-name{font-size:26px}.sidebar .sidebar-brand .brand-sub{font-size:10.5px;max-width:180px}.sidebar:not(.open) .sidebar-scene *{animation-play-state:paused}.sidebar .nav-item{font-size:14px}}
@media screen and (max-height:650px){.sidebar .sidebar-brand{padding-top:16px;padding-bottom:14px}.sidebar .sidebar-scene{height:125px}.sidebar .nav-item{min-height:43px;padding-top:10px;padding-bottom:10px}.sidebar .nav-label{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.sidebar .nav-item,.sidebar .nav-item>svg,.sidebar .nav-chevron,.sidebar .settings-nav-panel{transition:none!important}.sidebar .nav-item:hover,.sidebar .nav-item:active,.sidebar .nav-item:hover>svg{transform:none}.sidebar .sidebar-scene *{animation:none!important}}

@media screen{
 .sidebar,html[data-theme=dark] .sidebar{--nav-accent:#b2d214;--nav-accent-ink:#1d300b}
 .sidebar .sidebar-brand .brand-iu{color:#b9dfcf}
 html[data-theme=dark] .sidebar .sidebar-brand .brand-iu{color:#b4dcc8}
 .sidebar .nav-item.active{background:#b2d214;color:#1d300b;box-shadow:0 5px 18px #03160b24,0 0 18px #b2d2140a}
 .module-button.active{background:#b2d214;color:#1d300b;border-color:#9ab613}
 .sidebar .nav-item.active:active,.module-button.active:active{filter:brightness(1.07);transform:scale(.975)}
 .campus-id-hidden{display:none!important}
 .login-campus-wrap{position:relative;min-width:0}
 .login-stage .login-v5 .login-campus-wrap .select{width:100%;min-width:0;padding-left:42px;padding-right:30px;appearance:none;-webkit-appearance:none;white-space:nowrap;text-overflow:ellipsis;font-size:16px;cursor:pointer;color:#234d3b}
 .login-campus-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#729982}
 .login-campus-icon svg{width:17px;height:17px}
 .campus-select-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;color:#668c75}
 .login-stage .login-v5 .login-building{--login-art-scale:1}
 .login-stage .login-v5 .login-building>img{object-fit:contain;transform:scale(var(--login-art-scale));transform-origin:center bottom}
 .login-stage .login-v5 .login-building:before{background-image:var(--login-art-image,linear-gradient(transparent,transparent)),radial-gradient(ellipse,#c0e4c34a,#80c4c32b 40%,transparent 72%);background-size:contain,cover;background-repeat:no-repeat;background-position:center;opacity:.33;filter:blur(24px);animation:buildingAura 8s ease-in-out infinite alternate}
 .login-building.art-arrive>img{animation:campusArtArrive .32s ease both}
 .login-stage .login-v5 .login-building[data-campus=makassar]>img,.login-stage .login-v5 .login-building[data-campus=samarinda]>img{mask-image:radial-gradient(ellipse 60% 59% at 50% 54%,#000 58%,#000 76%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 59% at 50% 54%,#000 58%,#000 76%,transparent 100%)}
 .login-stage .login-v5 .login-card-bottom .sound-toggle{height:28px;width:28px;min-width:28px;min-height:28px;padding:5px;margin-left:auto;color:#648771;border:0;background:#edf4ed;border-radius:8px}
 .sound-toggle svg{width:17px;height:17px}
 .login-stage .login-card-bottom{gap:8px}
 .login-progress-copy{align-items:center}
 .login-progress-logo{display:inline-flex;flex:none;width:20px;height:20px;align-items:center;justify-content:center}
 .login-progress-logo .logo-mark{width:20px;height:20px;min-width:20px;display:block}
 .login-progress-copy>#login-progress-label{flex:1;min-width:0}
 .login-progress[data-state=loading] .login-progress-logo{animation:logoSoftPulse 1.5s ease-in-out infinite}
 .operation-progress{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center}
 .operation-brand{grid-row:1/3;display:grid;place-items:center;width:34px;height:38px;animation:logoSoftPulse 1.6s ease-in-out infinite}
 .operation-brand .logo-mark{width:32px;height:34px}
 .operation-copy,.operation-track{grid-column:2;min-width:0}
 .loading-logo{width:58px;height:58px;position:relative;display:grid;place-items:center;flex:none}
 .loading-logo .logo-mark{width:39px;height:42px;animation:logoSoftPulse 1.7s ease-in-out infinite}
 .loading-ring{position:absolute;inset:0;border:1px solid var(--line);border-top-color:var(--green);border-right-color:color-mix(in srgb,var(--green) 35%,var(--line));border-radius:50%;animation:spin 1.2s linear infinite}
 .loading-copy{gap:6px;display:flex;flex-direction:column}
 .loading-copy>[data-loading-percent]{font-size:14px;font-variant-numeric:tabular-nums;font-weight:650;line-height:1.3;color:var(--green)}
 .logout-orbit .logo-mark{width:36px;height:40px}
 .logout-percent{margin-top:9px;font-size:12px;font-variant-numeric:tabular-nums;color:#527d60}
}
@keyframes campusArtArrive{from{opacity:.55;filter:blur(2px) drop-shadow(0 16px 20px #042c3d44)}to{opacity:1;filter:blur(0) drop-shadow(0 16px 20px #042c3d44)}}
@keyframes logoSoftPulse{0%,100%{opacity:.78;filter:drop-shadow(0 0 0 #83c79c00);transform:scale(.97)}50%{opacity:1;filter:drop-shadow(0 0 7px #83c79c30);transform:scale(1.02)}}
@media(max-width:370px){.login-stage .login-v5 .login-campus-wrap .select{font-size:16px}.login-stage .login-card-bottom{gap:6px}.login-progress-copy{gap:6px}.login-progress-logo,.login-progress-logo .logo-mark{width:18px;height:18px;min-width:18px}}
@media(prefers-reduced-motion:reduce){.loading-logo *,.operation-brand,.login-progress-logo,.login-building.art-arrive>img{animation:none!important}}

/* SIKAIU 2.10 — formulir dan laporan */
/* One centred operation indicator; navigation placeholders have no second spinner. */
.operation-progress{top:50%;left:50%;transform:translate(-50%,-50%);z-index:600;width:min(390px,calc(100vw - 36px));padding:21px 22px;grid-template-columns:46px minmax(0,1fr);gap:14px;border-radius:19px;border:1px solid #d4e4dc;box-shadow:0 24px 100px #0b322a40,0 0 0 8px #ffffff25;background:var(--surface)}
.operation-progress .operation-brand{grid-row:1/3;width:46px;height:46px}.operation-progress .operation-brand .brand-emblem{width:46px;height:46px}.operation-progress .operation-copy{font-size:14px;line-height:1.5;gap:12px}.operation-progress .operation-copy span{max-width:230px}.operation-progress .operation-copy strong{color:var(--green);font-size:17px}.operation-progress .operation-track{grid-column:2;margin-top:0}.operation-progress[hidden]{display:none!important}.loading-placeholder{min-height:220px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.other-field{margin-top:12px;padding:13px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);animation:appear .18s ease}.other-field[hidden]{display:none!important}.other-field label{font-size:13px}.unit-picker-note{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:13px;line-height:1.5}.unit-picker-note>span{flex:1;min-width:150px}.button.unit-quick-add{border-color:#71a695;background:#e8f4ed;color:#17533f;min-height:36px;font-weight:650}.notice.error p{margin:8px 0 0;line-height:1.6}.error-reference{display:block;margin-top:9px;font:11px/1.5 ui-monospace,monospace;opacity:.8;overflow-wrap:anywhere}
/* Presentation pages: a restrained editorial grid, explicit sources and readable data. */
.presentation-shell{background:#0c211e;padding:22px 24px 14px;justify-content:center;gap:14px;--ink:#183c33;--muted:#657b72;--line:#dfe7df;--surface:white;--surface2:#f4f7f3;--green:#236c57}
.presentation-viewport{width:min(1440px,100%);margin:0 auto;min-height:0;overflow:auto;border-radius:17px;outline:none;box-shadow:0 24px 80px #0005}
.presentation-page{position:relative;width:100%;height:calc(100dvh - 118px);max-height:900px;min-height:560px;padding:25px 34px 20px;background:#fafbf7;color:#183c33;font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;--ink:#183c33;--muted:#657b72;--line:#dfe7df;--surface:white;--surface2:#f4f7f3;--green:#236c57}
.presentation-page:before{content:'';height:5px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#1d705b 0 48%,#b2d214 48% 69%,#c6a164 69% 84%,#71989b 84%);z-index:2}
.presentation-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none}.presentation-brand{display:flex;align-items:center;gap:10px;min-width:0}.presentation-brand .brand-emblem{width:34px;height:38px;flex:none}.presentation-brand>span{font-size:20px;font-weight:800;letter-spacing:-.7px}.presentation-brand small{display:block;font-size:9px;font-weight:500;letter-spacing:0;line-height:1.35;color:#657b72}.presentation-status{display:block;max-width:40%;font-size:10px;font-weight:750;letter-spacing:.8px;line-height:1.4;border:1px solid #c7d8cc;border-radius:7px;padding:7px 11px;color:#2b6650;background:#edf4eb}.presentation-status.pending{color:#8f5e28;border-color:#e8d8b5;background:#fbf3e2}
.presentation-heading{margin:18px 0 18px;flex:none;max-width:100%}.presentation-eyebrow{font-size:9px;font-weight:750;letter-spacing:1.9px;color:#6b8778}.presentation-heading h1{font-size:clamp(23px,2.4vw,36px);line-height:1.16;letter-spacing:-1.1px;font-weight:750;margin:5px 0 7px;color:inherit}.presentation-heading>p{margin:0;color:#657b72;font-size:13px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.presentation-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:auto}.presentation-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;flex:1;min-height:0}.presentation-panel{border:1px solid #e1e8de;background:#fff;border-radius:14px;padding:18px 20px;min-width:0;overflow:hidden}.presentation-panel h3{font-size:14px;font-weight:750;margin:0 0 15px;color:#294e40}.presentation-caption{font-size:11px;color:#6d7d72;line-height:1.55;margin:11px 0 0}.presentation-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;flex:none}.presentation-kpi{background:#edf2e9;border:1px solid #dce5d8;border-radius:12px;padding:13px 16px;min-width:0;display:flex;flex-direction:column;gap:3px}.presentation-kpi>span{font-size:11px;color:#56705e;font-weight:650}.presentation-kpi>strong{font-size:clamp(18px,2vw,29px);line-height:1.3;letter-spacing:-.6px;font-weight:750;overflow-wrap:anywhere}.presentation-kpi>small{font-size:10px;color:#6b7e6e}
.presentation-note{display:flex;align-items:flex-start;gap:9px;background:#f0f4ee;border-left:3px solid #76a18b;border-radius:0 9px 9px 0;padding:10px 12px;font-size:11px;line-height:1.55;color:#5c7062;flex:none}.presentation-note svg{width:15px;height:15px;flex:none;margin-top:1px}.presentation-note.warning{background:#fbf3e3;border-color:#c6a164;color:#80632f}.presentation-panel .presentation-note+.presentation-note{margin-top:12px}.presentation-bars{display:flex;flex-direction:column;gap:12px}.presentation-bar-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;margin-bottom:5px}.presentation-bar-label span{min-width:0;overflow-wrap:anywhere}.presentation-bar-label strong{white-space:nowrap;font-variant-numeric:tabular-nums}.presentation-bar-track{height:8px;background:#edf1e9;border-radius:12px;overflow:hidden;display:flex}.presentation-bar-track i{display:block;height:100%;min-width:0;border-radius:0}.presentation-bar-track i:first-child{border-radius:12px 0 0 12px}.presentation-bar-track i:last-child{border-radius:0 12px 12px 0}.presentation-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#627466}.presentation-legend span{display:flex;align-items:center;gap:6px}.presentation-legend i{display:block;width:8px;height:8px;border-radius:2px;flex:none}.presentation-legend.vertical{display:flex;flex-direction:column;gap:12px;min-width:130px;flex:1}.presentation-legend.vertical>span{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;gap:7px;font-size:11px}.presentation-legend b{font-weight:500}.presentation-legend strong{font-variant-numeric:tabular-nums;color:#294e40}.presentation-legend small{font-size:10px;color:#7f8c80;min-width:32px;text-align:right}.presentation-donut{display:flex;align-items:center;justify-content:center;gap:22px;min-height:160px;height:calc(100% - 30px)}.presentation-donut svg{width:min(40%,185px);height:auto;flex:none}.presentation-donut .donut-total{font-size:21px;fill:#204a3b;font-weight:750}.presentation-donut .donut-unit{font-size:8px;fill:#829080}.presentation-empty{display:grid;place-items:center;min-height:150px;padding:20px;text-align:center;font-size:13px;color:#788777;border:1px dashed #dfe6da;border-radius:10px;background:#fafbf7}
.presentation-identity{margin:0;display:grid;gap:10px}.presentation-identity>div{display:grid;grid-template-columns:120px 1fr;gap:12px;border-bottom:1px solid #edf0e8;padding-bottom:8px;min-width:0}.presentation-identity dt{font-size:11px;color:#6d806e}.presentation-identity dd{font-size:12px;color:#294e40;margin:0;overflow-wrap:anywhere}.presentation-source-id{display:flex;flex-direction:column;gap:9px;align-items:flex-start;padding:10px 0 20px}.presentation-source-id>svg{width:31px;height:31px;color:#28725a}.presentation-source-id strong{font-size:16px}.presentation-source-id span{font-size:12px;color:#71806f}.presentation-source-id code{font-size:10px;word-break:break-all;color:#7c8a76}.presentation-quote{font-size:19px;line-height:1.7;white-space:pre-wrap;margin:4px 0;color:#305540}.presentation-completeness{display:flex;align-items:center;gap:16px;margin-bottom:18px}.presentation-completeness>strong{font-size:44px;letter-spacing:-2px}.presentation-completeness strong small{font-size:19px;letter-spacing:0;color:#829080}.presentation-completeness>span{font-size:12px;color:#6d806e;max-width:125px}.presentation-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.presentation-list li{border-bottom:1px solid #edf0e8;padding-bottom:9px}.presentation-list strong,.presentation-list span{display:block;font-size:12px}.presentation-list span{font-size:11px;color:#71806f;margin-top:4px}.presentation-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.presentation-details>div{border:1px solid #dfe7dc;border-radius:11px;background:white;padding:15px 17px;min-width:0}.presentation-details dt{font-size:11px;color:#71806f;margin-bottom:7px;font-weight:650}.presentation-details dd{font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#294e40}.presentation-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;font-size:10px;line-height:1.45;color:#70836f;border-top:1px solid #dfe7db;margin-top:16px;padding-top:11px;flex:none}.presentation-footer small{display:block;font-size:8px;opacity:.75;margin-top:3px;overflow-wrap:anywhere}.presentation-footer>strong{font-size:13px;white-space:nowrap;letter-spacing:.5px}
.presentation-cover{background:radial-gradient(ellipse at 95% 50%,#2b7e793b,transparent 70%),linear-gradient(125deg,#093f36,#164e4e 70%,#274e53);color:#f7faf2}.presentation-cover .presentation-brand small,.presentation-cover .presentation-heading>p,.presentation-cover .presentation-footer{color:#b3c9bb}.presentation-cover .presentation-brand>span,.presentation-cover .presentation-heading h1{color:#f6faf2}.presentation-cover .presentation-heading{max-width:72%;margin-top:35px;margin-bottom:0;z-index:2}.presentation-cover .presentation-heading h1{font-size:clamp(26px,3.5vw,49px);letter-spacing:-1.7px;max-width:600px}.presentation-cover .presentation-heading>p{font-size:18px;line-height:1.5;max-width:80%}.presentation-cover .presentation-eyebrow{color:#b6cf8e}.presentation-cover .presentation-content{position:static;overflow:visible;gap:0}.presentation-cover-copy{position:relative;z-index:2;max-width:68%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:20px}.presentation-cover-period{font-size:14px;line-height:1.8;color:#d9e7d4;margin:0}.presentation-cover-desc{max-width:320px;font-size:12px;line-height:1.8;color:#a9c4b4;margin:12px 0 22px}.presentation-cover .presentation-kpis{width:100%;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.presentation-cover .presentation-kpi{background:#ffffff0d;border-color:#ffffff22;padding:13px 12px;backdrop-filter:blur(6px)}.presentation-cover .presentation-kpi>span{color:#b4cfb9;font-size:10px}.presentation-cover .presentation-kpi>strong{font-size:clamp(15px,1.8vw,27px);color:#f2f7e7}.presentation-cover .presentation-kpi>small{color:#86ae9c;font-size:9px}.presentation-cover .presentation-status{background:#ffffff0d;border-color:#ffffff35;color:#ddebc5}.presentation-cover .presentation-status.pending{color:#e7d2a2}.presentation-cover .presentation-footer{position:relative;z-index:2;border-color:#ffffff26}.presentation-campus-art{position:absolute;right:-1%;bottom:16%;width:49%;height:65%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0}.presentation-campus-art:before{content:'';position:absolute;width:90%;height:72%;background:radial-gradient(ellipse,#86b6a14a,transparent 67%);filter:blur(18px)}.presentation-campus-art img{position:relative;object-fit:contain;max-width:100%;max-height:100%;width:100%;filter:drop-shadow(0 20px 22px #002e3655);-webkit-mask-image:radial-gradient(ellipse 68% 65% at 50% 50%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 68% 65% at 50% 50%,#000 65%,transparent 100%)}.presentation-campus-art figcaption{position:absolute;bottom:0;color:#9db9a7;font-size:8px;opacity:.8}.presentation-pagination{display:flex;align-items:center;gap:10px;min-width:0;color:#c0d4c4;font-size:12px}.presentation-pagination .select{height:37px;min-height:37px;max-width:260px;background:#163b33;border-color:#ffffff2a;color:#e5eede;font-size:12px;border-radius:8px;padding:6px 12px}.presentation-pagination>span{white-space:nowrap}.presentation-shell .slide-controls{width:min(1440px,100%);padding:0;margin:0 auto;gap:12px;flex-wrap:wrap;flex:none}.presentation-shell .slide-controls .button{min-height:37px;color:#d2e3d2;background:#173b33;border:1px solid #ffffff25;border-radius:8px;font-size:12px}.presentation-shell .slide-controls .button:hover{background:#275343}.presentation-shell .slide-controls .button:disabled{opacity:.3}.presentation-shell .slide-controls [data-action=slide-pdf]{background:#d1e89c;color:#203f32;border-color:#d1e89c;font-weight:700}
/* Full report stays structured as seven chapters, with a visual summary and full fields. */
.report-premium{color:#183c33;background:white;font:14px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}.report-premium>.presentation-page{height:540px;min-height:0;max-height:none;border-radius:0;padding:28px}.report-premium .presentation-heading h1{font-size:34px}.report-premium .presentation-cover .presentation-heading>p{font-size:16px}.report-premium .presentation-cover .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-premium .presentation-cover-copy{max-width:62%}.report-premium .presentation-cover .presentation-kpi>strong{font-size:21px}.report-premium .presentation-cover-desc{margin-bottom:12px}.report-premium .presentation-cover .presentation-heading{margin-top:20px;max-width:90%}.report-premium .presentation-heading>p{max-width:100%}.report-premium .presentation-campus-art{bottom:20%;right:0;width:42%;height:50%}.report-premium .report-executive .presentation-grid{margin-top:20px}.report-premium .report-executive .presentation-panel{padding:17px}.report-premium .report-chapter h2{color:#225d48;border-bottom:2px solid #b2d214;padding-bottom:12px;font-size:20px}.report-premium .report-chapter h3{font-size:15px}.report-premium .table th{background:#edf3e9;color:#47614d;font-size:10px}.report-premium .table td{font-size:12px;line-height:1.6;color:#2e4a39}.report-premium .report-record-detail{border:1px solid #dfe7dc;border-radius:10px;padding:15px 18px;margin:13px 0}.report-record-detail h4{margin:0 0 12px;color:#2b5f48;font-size:14px}.report-record-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px;margin:0}.report-record-detail dl>div{min-width:0;border-top:1px solid #eef1e9;padding-top:7px;break-inside:avoid}.report-record-detail dt{font-size:10px;color:#7c8a76}.report-record-detail dd{font-size:12px;line-height:1.6;color:#294e40;margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:800px){.presentation-shell{padding:10px;gap:10px;justify-content:flex-start}.presentation-viewport{border-radius:10px;flex:1}.presentation-page{height:auto;max-height:none;min-height:calc(100dvh - 135px);padding:21px 18px 16px;overflow:visible;font-size:13px}.presentation-heading h1{font-size:26px;letter-spacing:-.6px}.presentation-heading>p{font-size:12px}.presentation-grid{grid-template-columns:1fr;gap:12px}.presentation-panel{padding:16px}.presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.presentation-kpi{padding:11px}.presentation-kpi>strong{font-size:22px}.presentation-content{overflow:visible;gap:12px}.presentation-donut{height:auto;min-height:160px}.presentation-status{font-size:8px;letter-spacing:.2px;max-width:45%}.presentation-brand>span{font-size:17px}.presentation-brand small{font-size:7px;max-width:140px}.presentation-cover{min-height:650px}.presentation-cover .presentation-heading{max-width:100%;margin-top:26px}.presentation-cover .presentation-heading h1{font-size:34px;max-width:95%}.presentation-cover .presentation-heading>p{font-size:15px;max-width:95%}.presentation-cover-copy{max-width:100%;justify-content:flex-start;padding-top:10px}.presentation-cover .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:170px}.presentation-cover .presentation-kpi>strong{font-size:22px}.presentation-cover-desc{display:none}.presentation-campus-art{height:240px;width:80%;right:-5%;bottom:28%;opacity:.7}.presentation-campus-art figcaption{font-size:7px}.presentation-cover-period{font-size:12px}.presentation-footer{font-size:9px}.presentation-footer small{font-size:7px}.presentation-shell .slide-controls{gap:8px;justify-content:space-between}.presentation-shell .slide-controls .row{gap:5px}.presentation-shell .slide-controls .button{font-size:10px;min-height:35px;padding:7px 9px}.presentation-pagination{order:3;width:100%;justify-content:space-between}.presentation-pagination .select{max-width:82%;width:82%}.presentation-details{grid-template-columns:1fr}.presentation-details dd{font-size:14px}.report-premium>.presentation-page{height:540px;min-height:0}.report-record-detail dl{grid-template-columns:1fr}}
@media(min-width:801px) and (max-height:740px){.presentation-page{min-height:0;padding-top:19px;padding-bottom:14px}.presentation-heading{margin:12px 0}.presentation-heading h1{font-size:28px}.presentation-heading>p{font-size:12px}.presentation-content{gap:10px}.presentation-panel{padding:14px 17px}.presentation-panel h3{margin-bottom:12px}.presentation-bars{gap:9px}.presentation-kpi{padding:10px 13px}.presentation-kpi>strong{font-size:23px}.presentation-note{padding:8px 11px;font-size:10px}.presentation-footer{margin-top:10px;padding-top:8px}.presentation-cover .presentation-heading{margin-top:22px}.presentation-cover-copy{padding-top:12px}.presentation-cover .presentation-heading h1{font-size:40px}.presentation-cover-desc{margin-bottom:14px}.presentation-identity{gap:7px}.presentation-identity>div{padding-bottom:5px}}
@media print{.operation-progress{display:none!important}.report-premium{font-size:11px}.report-premium .report-body{padding:0}.report-premium>.presentation-page{height:150mm;padding:8mm;break-inside:avoid}.report-premium .presentation-brand small{font-size:8px}.report-premium .presentation-status{font-size:8px}.report-premium .presentation-heading h1{font-size:28px}.report-premium .presentation-cover .presentation-heading>p{font-size:13px}.report-premium .presentation-cover-period{font-size:12px}.report-premium .presentation-kpi>strong{font-size:19px}.report-premium .presentation-cover .presentation-kpi>span{font-size:9px}.report-premium .presentation-cover-desc{font-size:10px}.report-premium .report-chapter{break-inside:auto;margin-top:8mm}.report-premium .report-chapter h2,.report-premium .report-chapter h3{break-after:avoid}.report-premium .presentation-grid{grid-template-columns:1fr 1fr;break-inside:avoid}.report-premium .presentation-bar-label{font-size:10px}.report-premium .presentation-bars{gap:8px}.report-premium .table{font-size:10px}.report-premium .table th,.report-premium .table td{font-size:9px;padding:8px 6px}.report-premium .table-wrap{overflow:visible}.report-premium .table thead{display:table-header-group}.report-premium .table tr{break-inside:avoid}.report-record-detail{break-inside:auto}.report-record-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}.report-record-detail dd{font-size:10px}.report-record-detail dt{font-size:9px}.report-premium .presentation-content{overflow:visible}.report-premium .presentation-cover .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-premium .presentation-cover-copy{max-width:68%}.presentation-page,.presentation-panel,.presentation-kpi,.presentation-bar-track,.presentation-note,.report-record-detail{-webkit-print-color-adjust:exact;print-color-adjust:exact}.presentation-print .presentation-page{width:277mm;height:190mm;min-height:0;max-height:190mm;padding:8mm 10mm 7mm;margin:0;break-after:page;break-inside:avoid;box-sizing:border-box;font-size:14px}.presentation-print .presentation-page:last-child{break-after:auto}.presentation-print .presentation-top{min-height:13mm}.presentation-print .presentation-heading{margin:5mm 0}.presentation-print .presentation-heading h1{font-size:30px}.presentation-print .presentation-heading>p{font-size:12px}.presentation-print .presentation-content{overflow:visible;gap:4mm}.presentation-print .presentation-panel{padding:5mm}.presentation-print .presentation-panel h3{font-size:13px;margin-bottom:4mm}.presentation-print .presentation-kpi{padding:3.5mm 4mm}.presentation-print .presentation-kpi>strong{font-size:25px}.presentation-print .presentation-note{font-size:10px}.presentation-print .presentation-bar-label{font-size:11px}.presentation-print .presentation-identity dt,.presentation-print .presentation-identity dd{font-size:11px}.presentation-print .presentation-footer{margin-top:4mm;padding-top:3mm}.presentation-print .presentation-cover .presentation-heading{margin-top:9mm;margin-bottom:0}.presentation-print .presentation-cover .presentation-heading h1{font-size:42px}.presentation-print .presentation-cover .presentation-heading>p{font-size:17px}.presentation-print .presentation-cover .presentation-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.presentation-print .presentation-cover-copy{max-width:68%;height:100%;justify-content:space-between;padding-top:6mm}.presentation-print .presentation-cover-desc{display:block}.presentation-print .presentation-cover .presentation-kpi>strong{font-size:23px}.presentation-print .presentation-campus-art{width:49%;height:65%;bottom:16%;right:-1%;opacity:1}.presentation-print .presentation-grid{grid-template-columns:1.1fr 1fr;gap:5mm}.presentation-print .presentation-details{grid-template-columns:1fr 1fr;gap:3.5mm}.presentation-print .presentation-details>div{padding:4mm}.presentation-print .presentation-details dd{font-size:13px;line-height:1.5}.presentation-print .presentation-cover{min-height:0}.presentation-print .presentation-cover-period{font-size:14px}.presentation-print .presentation-donut{height:calc(100% - 25px)}.presentation-print .presentation-status{font-size:9px}.presentation-print .presentation-brand small{font-size:9px}}
.presentation-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1;min-height:0}.presentation-kpi-tile{display:flex;flex-direction:column;justify-content:space-between;background:white;border:1px solid #dfe7dc;border-radius:12px;padding:15px 17px;min-width:0}.presentation-kpi-tile>span{font-size:12px;color:#5d7563;font-weight:600}.presentation-kpi-tile>strong{font-size:21px;color:#236c57;letter-spacing:-.4px;line-height:1.4}.presentation-kpi-tile>small{font-size:10px;color:#889784}@media(max-width:800px){.presentation-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-kpi-tile{min-height:100px}.presentation-kpi-tile>strong{font-size:19px}}@media print{.presentation-print .presentation-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.presentation-print .presentation-kpi-tile{padding:4mm;min-height:0}.presentation-print .presentation-kpi-tile>strong{font-size:20px}.presentation-print .presentation-kpi-tile>span{font-size:11px}}

/* SIKAIU 2.11 — dashboard kampus dan studio presentasi */
/* Transparent loading: logo and copy stay visible without a background shape. */
.operation-progress{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:14px 16px;filter:drop-shadow(0 2px 2px #ffffffb8)}.operation-progress .operation-copy{font-size:15px;font-weight:750;text-shadow:0 1px 2px #fff,0 0 12px #fff}.operation-progress .operation-copy span{color:#183f35}.operation-progress .operation-copy strong{color:#226b50}.operation-progress .operation-brand{filter:drop-shadow(0 2px 7px #ffffffb8)}.operation-progress .operation-track{background:#b7c8bb66;box-shadow:0 0 6px #fff9;height:4px}.operation-progress .operation-track span{background:linear-gradient(90deg,#2c8767,#b2d214)}[data-theme=dark] .operation-progress{filter:drop-shadow(0 2px 3px #092e2d)}[data-theme=dark] .operation-progress .operation-copy{text-shadow:0 1px 3px #092e2d,0 0 12px #092e2d}[data-theme=dark] .operation-progress .operation-copy span{color:#e8f3e8}[data-theme=dark] .operation-progress .operation-copy strong{color:#c5e398}
/* Own-campus dashboard, using the same server calculations as the national view. */
.campus-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.campus-dashboard-hero{position:relative;overflow:hidden;min-height:220px;isolation:isolate}.campus-dashboard-hero>div:first-child{max-width:70%;z-index:2}.campus-dashboard-hero h2{max-width:660px;font-size:29px;line-height:1.35}.campus-dashboard-image{position:absolute;right:10px;bottom:3px;width:31%;height:100%;display:flex;align-items:center;justify-content:center}.campus-dashboard-image:before{content:'';position:absolute;inset:15%;border-radius:50%;background:var(--campus-light);opacity:.16;filter:blur(25px)}.campus-dashboard-image img{max-width:100%;max-height:110%;object-fit:contain;filter:drop-shadow(0 14px 10px #001d2c44);mask-image:radial-gradient(ellipse,#000 63%,transparent 90%)}.campus-dashboard-image span{position:absolute;right:25px;bottom:11px;color:#c7d8c8;opacity:.65;font-size:9px}.campus-scope-note{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;line-height:1.6;margin:-4px 0 20px}.campus-scope-note svg{width:17px;height:17px;flex:none}.campus-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.campus-finance-grid>div{border:1px solid var(--line);background:var(--surface2);padding:18px;border-radius:13px;min-width:0}.campus-finance-grid small{display:block;font-size:13px;color:var(--muted);margin:10px 0 6px}.campus-finance-grid strong{display:block;font-size:21px;letter-spacing:-.5px;overflow-wrap:anywhere}.campus-mini-icon{width:33px;height:33px;color:var(--green);display:grid;place-items:center}.campus-mini-icon svg{width:23px;height:23px}.campus-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.campus-outcome-grid>div{padding:12px 0;border-bottom:1px solid var(--line);min-width:0}.campus-outcome-grid small{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.campus-outcome-grid strong{font-size:21px;letter-spacing:-.6px;overflow-wrap:anywhere}
/* Studio controls and real campus image preview. */
.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:start}.studio-options{min-width:0}.studio-section{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.studio-section:last-child{border:0;padding-bottom:0;margin-bottom:8px}.studio-section-head{display:flex;gap:12px;align-items:center;margin-bottom:18px}.studio-section-head>span{width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:12px;font-weight:700}.studio-section-head h3{font-size:17px;line-height:1.4;margin:0}.studio-section-head p{color:var(--muted);font-size:13px;margin:3px 0 0}.studio-topics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.studio-topics .check{font-size:13px;align-items:center}.studio-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-theme{cursor:pointer;position:relative;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:block;transition:border-color .16s,transform .16s,box-shadow .16s;min-width:0}.studio-theme:has(input:checked){border-color:var(--green);box-shadow:0 0 0 2px var(--mint);transform:translateY(-2px)}.studio-theme input{position:absolute;right:10px;top:10px;z-index:2;accent-color:var(--green)}.studio-theme strong{display:block;font-size:11px;font-weight:650;line-height:1.4;padding:7px 2px 2px}.studio-theme small{font-size:10px;color:var(--muted);padding:0 2px;display:block}.studio-theme-art{display:block;position:relative;aspect-ratio:1.6;background:var(--pt-deep);border-radius:7px;overflow:hidden}.studio-theme-art b{position:absolute;left:12%;top:22%;font-size:25px;color:#fff;font-weight:650}.studio-theme-art i{position:absolute;right:0;bottom:-20%;width:65%;height:100%;background:var(--pt-accent);opacity:.4;border-radius:60% 0 0 0}.studio-theme-art em{position:absolute;bottom:18%;left:12%;height:3px;width:34%;background:var(--pt-gold)}.studio-theme-art[data-layout=editorial],.studio-theme-art[data-layout=minimal]{background:var(--pt-paper)}.studio-theme-art[data-layout=editorial] b,.studio-theme-art[data-layout=minimal] b{color:var(--pt-ink);font-family:Georgia,serif}.studio-theme-art[data-layout=executive] i{width:30%;height:150%;border-radius:0;transform:rotate(25deg)}.studio-theme-art[data-layout=corporate]{border-radius:0}.studio-theme-art[data-layout=corporate] i{width:35%;border-radius:0}.studio-theme-art[data-layout=atelier] b,.studio-theme-art[data-layout=studio] b{font-family:Georgia,serif}.studio-theme-art[data-layout=atelier] i{border-radius:80px 80px 0 0}.studio-theme-art[data-layout=horizon] i{border-radius:50%;right:5%;bottom:-30%}.studio-theme-art[data-layout=minimal] em{height:8px;width:55%}.studio-preview{position:sticky;top:0;display:flex;flex-direction:column;gap:15px}.studio-preview-title{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.studio-preview-page{position:relative;height:210px;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,var(--pt-deep),var(--pt-accent));color:white;box-shadow:0 12px 30px #123d3020;padding:20px}.studio-preview-page>div{position:relative;z-index:2;max-width:75%}.studio-preview-page span{font-size:11px;font-weight:800;letter-spacing:1px}.studio-preview-page small{display:block;margin-top:17px;font-size:8px;opacity:.7}.studio-preview-page h3{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:6px 0 8px}.studio-preview-page p{font-size:8px;line-height:1.5;opacity:.8;max-width:90%}.studio-preview-page img{position:absolute;right:-12px;bottom:-3px;width:60%;height:68%;object-fit:contain;mask-image:radial-gradient(ellipse,#000 60%,transparent 95%);opacity:.85}.studio-preview-page.light-cover{background:var(--pt-paper);color:var(--pt-ink);border:1px solid var(--pt-line)}.studio-preview-page[data-layout=editorial] h3,.studio-preview-page[data-layout=atelier] h3,.studio-preview-page[data-layout=studio] h3{font-family:Georgia,serif}.studio-preview-meta{padding:0 2px}.studio-preview-meta strong{display:block;font-size:14px}.studio-preview-meta>span{display:block;font-size:12px;color:var(--green);margin-top:5px}.studio-preview-meta p{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 0}.studio-actions{position:sticky;bottom:-24px;padding:15px 0;margin-top:15px;background:var(--surface);border-top:1px solid var(--line);z-index:4}.studio-section .field.full[hidden]{display:none}
/* A fixed widescreen design is fitted to desktop; mobile retains readable text. */
.presentation-shell{padding:18px 22px 13px;gap:12px;justify-content:flex-start}.presentation-viewport{flex:1;min-height:0;max-width:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:none;border-radius:0}.presentation-fit{position:relative;flex:none;box-shadow:0 20px 80px #0004;border-radius:13px;overflow:hidden}.presentation-fit>.presentation-page{width:1280px;height:720px;max-height:none;min-height:0;transform:scale(var(--deck-scale,1));transform-origin:top left;padding:27px 32px 20px;font-size:18px;line-height:1.5;background:var(--pt-paper);color:var(--pt-ink)}.presentation-page{--pt-accent:#26755d;--pt-paper:#f8faf5;--pt-ink:#193f33;--pt-muted:#637a6b;--pt-panel:white;--pt-line:#dce7dc;--pt-gold:#c5a267;--pt-deep:#0b3d33}.presentation-page:before{height:5px;background:linear-gradient(90deg,var(--pt-accent) 0 55%,var(--pt-gold) 55% 82%,var(--pt-muted) 82%)}.presentation-page .presentation-brand>span{font-size:22px;color:var(--pt-ink)}.presentation-page .presentation-brand small{font-size:11px;color:var(--pt-muted);line-height:1.3;max-width:320px}.presentation-page .presentation-brand .brand-emblem{width:38px;height:40px}.presentation-page .presentation-status{font-size:11px;letter-spacing:.4px;padding:7px 10px;color:var(--pt-accent);border-color:var(--pt-line);background:var(--pt-panel);max-width:42%}.presentation-heading{margin:16px 0 17px}.presentation-page .presentation-heading h1{font-size:38px;letter-spacing:-1px;line-height:1.16;color:var(--pt-ink);margin:5px 0 7px}.presentation-page .presentation-heading>p{font-size:16px;color:var(--pt-muted);line-height:1.4}.presentation-eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--pt-muted)}.presentation-content{gap:13px;overflow:hidden}.presentation-content>.presentation-grid{flex:1}.presentation-grid{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.presentation-grid>:only-child{grid-column:1/-1}.presentation-panel{border-color:var(--pt-line);background:var(--pt-panel);padding:19px 21px;border-radius:13px;overflow:hidden}.presentation-panel h3{font-size:17px;line-height:1.3;color:var(--pt-ink);margin:0 0 16px}.presentation-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.presentation-kpi{padding:12px 17px;border-color:var(--pt-line);background:var(--pt-panel);border-radius:11px;gap:4px}.presentation-kpi>span{font-size:14px;color:var(--pt-muted)}.presentation-kpi>strong{font-size:28px;letter-spacing:-.7px;color:var(--pt-ink);line-height:1.25}.presentation-kpi>small{font-size:12px;color:var(--pt-muted)}.presentation-bar-label{font-size:16px;line-height:1.3;margin-bottom:6px;gap:14px}.presentation-bar-label strong{color:var(--pt-ink)}.presentation-bars{gap:12px}.presentation-bar-track{height:9px;background:color-mix(in srgb,var(--pt-muted) 12%,transparent)}.presentation-donut{gap:25px;min-height:150px}.presentation-donut svg{width:190px;max-width:43%}.presentation-donut .donut-total{fill:var(--pt-ink)}.presentation-donut .donut-unit{fill:var(--pt-muted)}.presentation-legend,.presentation-legend.vertical>span{font-size:14px;color:var(--pt-muted)}.presentation-legend.vertical{min-width:0;gap:14px}.presentation-legend strong{color:var(--pt-ink)}.presentation-legend small{font-size:12px;color:var(--pt-muted)}.presentation-note{padding:10px 13px;font-size:13px;line-height:1.5;color:var(--pt-muted);border-color:var(--pt-accent);background:color-mix(in srgb,var(--pt-accent) 8%,var(--pt-paper))}.presentation-note svg{width:17px;height:17px}.presentation-identity{gap:11px}.presentation-identity>div{grid-template-columns:105px 1fr;padding-bottom:9px;border-color:var(--pt-line)}.presentation-identity dt{font-size:14px;color:var(--pt-muted)}.presentation-identity dd{font-size:16px;line-height:1.4;color:var(--pt-ink)}.presentation-list{gap:13px}.presentation-list li{padding-bottom:11px;border-color:var(--pt-line)}.presentation-list strong{font-size:16px;line-height:1.35;color:var(--pt-ink)}.presentation-list span{font-size:14px;line-height:1.4;color:var(--pt-muted)}.presentation-caption{font-size:13px;color:var(--pt-muted)}.presentation-quote{font-size:20px;line-height:1.6;color:var(--pt-ink)}.presentation-empty{min-height:90px;padding:18px;color:var(--pt-muted);border-color:var(--pt-line);background:var(--pt-paper);font-size:15px}.presentation-footer{margin-top:13px;padding-top:10px;font-size:12px;border-color:var(--pt-line);color:var(--pt-muted)}.presentation-footer small{font-size:10px;margin-top:2px}.presentation-footer>strong{font-size:15px}.presentation-shell .slide-controls{width:100%;max-width:1500px;gap:8px}.presentation-shell .slide-controls .button{font-size:12px;min-height:38px}.presentation-pagination .select{max-width:230px}
.presentation-page.presentation-cover{background:radial-gradient(ellipse at 90% 20%,color-mix(in srgb,var(--pt-gold) 18%,transparent),transparent 70%),linear-gradient(120deg,var(--pt-deep),color-mix(in srgb,var(--pt-deep) 80%,var(--pt-accent)));color:#f7faf2}.presentation-cover .presentation-brand>span,.presentation-cover .presentation-heading h1{color:#f5f8f0}.presentation-cover .presentation-brand small,.presentation-cover .presentation-heading>p,.presentation-cover .presentation-footer{color:#d1e0d7}.presentation-cover .presentation-eyebrow{color:var(--pt-gold)}.presentation-cover .presentation-heading{max-width:78%;margin-top:30px;margin-bottom:0}.presentation-cover .presentation-heading h1{font-size:49px;max-width:780px;letter-spacing:-1.5px}.presentation-cover .presentation-heading>p{font-size:23px;max-width:85%;line-height:1.4}.presentation-cover-copy{padding-top:20px;max-width:65%;justify-content:space-between}.presentation-cover-period{font-size:19px;line-height:1.6;color:#d8e5dc}.presentation-cover-desc{font-size:14px;line-height:1.5;color:#b9d0c3;max-width:440px;margin:10px 0 20px}.presentation-cover .presentation-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;gap:12px}.presentation-cover .presentation-kpi{padding:15px 17px;background:#ffffff0c;border-color:#ffffff2d}.presentation-cover .presentation-kpi>span{font-size:14px;color:#c6dcd0}.presentation-cover .presentation-kpi>strong{font-size:30px;color:white}.presentation-cover .presentation-campus-art{width:48%;height:65%;bottom:14%;right:-1%}.presentation-cover .presentation-campus-art figcaption{font-size:10px;color:#d1dccc}.presentation-cover .presentation-status{color:#e4ecd4;border-color:#ffffff35;background:#ffffff10}.presentation-cover .presentation-footer{border-color:#ffffff25}
/* Ten deliberate layout treatments. */
.presentation-page[data-presentation-layout=executive] .presentation-heading{padding-left:18px;border-left:5px solid var(--pt-accent)}.presentation-page[data-presentation-layout=executive].presentation-cover .presentation-heading{border-color:var(--pt-gold)}.presentation-page[data-presentation-layout=executive] .presentation-panel{border-radius:4px;box-shadow:0 3px 0 var(--pt-line)}
.presentation-page[data-presentation-layout=editorial] .presentation-heading h1,.presentation-page[data-presentation-layout=atelier] .presentation-heading h1,.presentation-page[data-presentation-layout=studio] .presentation-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-1px}.presentation-page[data-presentation-layout=editorial].presentation-cover{background:var(--pt-paper);color:var(--pt-ink)}.presentation-page.light-presentation-cover.presentation-cover .presentation-heading h1,.presentation-page.light-presentation-cover.presentation-cover .presentation-heading>p,.presentation-page.light-presentation-cover.presentation-cover .presentation-brand>span,.presentation-page.light-presentation-cover.presentation-cover .presentation-brand small,.presentation-page.light-presentation-cover.presentation-cover .presentation-footer,.presentation-page.light-presentation-cover.presentation-cover .presentation-cover-period,.presentation-page.light-presentation-cover.presentation-cover .presentation-cover-desc{color:var(--pt-ink)}.presentation-page.light-presentation-cover.presentation-cover .presentation-kpi{background:#ffffff90;border-color:var(--pt-line)}.presentation-page.light-presentation-cover.presentation-cover .presentation-kpi>span{color:var(--pt-muted)}.presentation-page.light-presentation-cover.presentation-cover .presentation-kpi>strong{color:var(--pt-ink)}.presentation-page.light-presentation-cover.presentation-cover .presentation-status{color:var(--pt-ink);background:var(--pt-panel);border-color:var(--pt-line)}.presentation-page.light-presentation-cover.presentation-cover .presentation-footer{border-color:var(--pt-line)}.presentation-page[data-presentation-layout=editorial] .presentation-panel{border-radius:0;border-width:1px 0 0}.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-campus-art{width:43%;height:59%;right:0;bottom:16%}.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-heading{max-width:79%}
.presentation-page[data-presentation-layout=noir] .presentation-panel,.presentation-page[data-presentation-layout=noir] .presentation-kpi{border-radius:4px}.presentation-page[data-presentation-layout=noir] .presentation-heading h1{font-weight:550;letter-spacing:-.6px}.presentation-page[data-presentation-layout=noir]:before{height:2px}.presentation-page[data-presentation-layout=noir] .presentation-empty{background:var(--pt-panel)}
.presentation-page[data-presentation-layout=modern] .presentation-kpi{border-left:4px solid var(--pt-accent)}.presentation-page[data-presentation-layout=modern] .presentation-panel{border-radius:20px;border-color:transparent;box-shadow:0 4px 20px #10495008}.presentation-page[data-presentation-layout=modern].presentation-cover .presentation-campus-art:before{background:radial-gradient(ellipse,#8ce8cf70,transparent 70%)}
.presentation-page[data-presentation-layout=corporate] .presentation-panel,.presentation-page[data-presentation-layout=corporate] .presentation-kpi{border-radius:2px}.presentation-page[data-presentation-layout=corporate]:before{height:9px}.presentation-page[data-presentation-layout=corporate] .presentation-heading{border-bottom:1px solid var(--pt-line);padding-bottom:12px}.presentation-page[data-presentation-layout=corporate].presentation-cover .presentation-heading{border-color:#ffffff35}.presentation-page[data-presentation-layout=corporate] .presentation-brand{border-left:3px solid var(--pt-accent);padding-left:11px}
.presentation-page[data-presentation-layout=atelier] .presentation-panel{border-radius:22px 22px 5px 5px}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-campus-art:before{border-radius:180px 180px 0 0;background:#b286ae38;filter:blur(0);inset:5% 15%}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-heading h1{font-size:54px}
.presentation-page[data-presentation-layout=studio] .presentation-heading{display:block}.presentation-page[data-presentation-layout=studio] .presentation-kpi{border-top:3px solid var(--pt-gold)}.presentation-page[data-presentation-layout=studio].presentation-cover .presentation-campus-art{right:-4%;width:54%;bottom:10%;height:63%}.presentation-page[data-presentation-layout=studio] .presentation-panel{border-radius:8px}
.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-campus-art:before{background:#c6bb7e25;filter:blur(0);border-radius:50%;inset:13% 8%}.presentation-page[data-presentation-layout=horizon] .presentation-kpi{border-radius:17px}.presentation-page[data-presentation-layout=horizon] .presentation-heading h1{font-weight:650}
.presentation-page[data-presentation-layout=minimal].presentation-cover{background:var(--pt-paper)}.presentation-page[data-presentation-layout=minimal] .presentation-panel,.presentation-page[data-presentation-layout=minimal] .presentation-kpi{border:0;border-top:2px solid var(--pt-line);border-radius:0;padding-left:0;padding-right:0}.presentation-page[data-presentation-layout=minimal] .presentation-heading h1{font-weight:800;letter-spacing:-1.8px}.presentation-page[data-presentation-layout=minimal].presentation-cover .presentation-kpi{background:transparent;border-color:var(--pt-gold)}.presentation-page[data-presentation-layout=minimal].presentation-cover .presentation-campus-art{opacity:.85;filter:grayscale(.4)}.presentation-page[data-presentation-layout=minimal]:before{height:7px;background:var(--pt-gold)}
/* Portrait report: content flows together instead of repeating large covers and row cards. */
.report-format-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.report-format-controls .tabs .button{min-height:38px;font-size:13px;border:0;box-shadow:none;background:transparent}.report-format-controls .tabs .button.active{background:var(--green);color:var(--surface);border-radius:8px}.executive-report{background:var(--pt-paper);color:var(--pt-ink);padding:28px;border:1px solid var(--pt-line);border-radius:10px;font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;--pt-panel:white;--pt-line:#dce7dc;--pt-muted:#637a6b;--pt-ink:#193f33;--pt-paper:#f8faf5}.executive-report-head{position:relative;border-bottom:2px solid var(--pt-accent);padding-bottom:14px;margin-bottom:15px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.executive-report-heading{display:flex;align-items:center;width:100%;gap:20px}.executive-report-heading>div{flex:1;min-width:0}.executive-report-heading h1{font-size:27px;line-height:1.25;letter-spacing:-.8px;margin:6px 0 9px;color:var(--pt-ink)}.executive-report-heading p{font-size:14px;line-height:1.6;margin:0;color:var(--pt-muted)}.executive-report-heading>img{width:165px;height:130px;object-fit:contain;mask-image:radial-gradient(ellipse,#000 65%,transparent 100%)}.executive-report .presentation-brand>span{font-size:22px}.executive-report .presentation-brand small{font-size:10px}.executive-source{font-size:10px;color:var(--pt-muted);margin:0;word-break:break-word}.report-summary-section{margin:19px 0 0}.report-summary-section>h2{font-size:19px;margin:0 0 12px;padding-bottom:7px;border-bottom:1px solid var(--pt-line);color:var(--pt-ink)}.executive-report .presentation-kpis{gap:9px;margin-bottom:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.executive-report .presentation-kpi{padding:11px 13px;background:var(--pt-panel)}.executive-report .presentation-kpi>span{font-size:12px}.executive-report .presentation-kpi>strong{font-size:24px}.executive-report .presentation-grid{gap:13px;margin-top:10px}.executive-report .presentation-panel{padding:15px 17px;border-radius:9px}.executive-report .presentation-panel h3{font-size:14px;margin-bottom:12px}.executive-report .presentation-bar-label{font-size:13px;margin-bottom:5px}.executive-report .presentation-bars{gap:9px}.executive-report .presentation-bar-track{height:7px}.executive-report .presentation-legend{font-size:11px}.executive-report .presentation-empty{min-height:55px;font-size:12px}.executive-report .presentation-list strong{font-size:13px}.executive-report .presentation-list span{font-size:12px}.executive-report .presentation-caption{font-size:12px;line-height:1.55;margin:10px 0 0}.report-summary-note{font-size:14px;line-height:1.65}.executive-report-footer{margin-top:20px;border-top:2px solid var(--pt-accent);padding-top:12px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:var(--pt-muted)}.executive-report-footer strong{color:var(--pt-ink)}.executive-report-footer small{display:block;width:100%;word-break:break-word;font-size:9px}.report-readable .table td{font-size:14px;line-height:1.5;padding:11px 8px}.report-readable .table th{font-size:11px;padding:10px 8px}.report-readable .report-chapter{margin-top:22px}.report-readable .report-chapter h2{margin-bottom:15px}.report-readable .report-cover{padding:30px}.report-readable .report-cover .report-name{font-size:27px}.report-readable .report-body{padding:24px}
@media(max-width:1000px){.campus-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:minmax(0,1fr) 240px}.studio-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-preview-page{height:190px}.studio-preview-page h3{font-size:19px}.presentation-shell .slide-controls .button{font-size:11px;padding:7px 10px}.presentation-pagination .select{max-width:190px}}
@media(max-width:800px){.campus-dashboard-hero h2{font-size:24px}.campus-dashboard-hero>div:first-child{max-width:90%}.campus-dashboard-image{opacity:.35;right:-10px;width:45%;z-index:0}.campus-finance-grid{gap:10px}.campus-finance-grid>div{padding:13px}.campus-finance-grid strong{font-size:19px}.campus-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:1fr}.studio-preview{position:static;grid-row:1;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:12px}.studio-preview-title{grid-column:1/-1}.studio-preview-page{height:145px;padding:12px}.studio-preview-page h3{font-size:17px}.studio-preview-page small{margin-top:10px;font-size:7px}.studio-preview-page p{font-size:7px}.studio-preview-meta strong{font-size:12px}.studio-preview-meta>span{font-size:11px}.studio-preview-meta p{font-size:11px;margin-top:8px}.studio-preview>.notice{display:none}.studio-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-actions{bottom:-18px}.studio-topics{gap:12px}.presentation-shell{padding:9px;gap:9px}.presentation-viewport{display:block;overflow:auto;border-radius:9px}.presentation-fit{width:100%!important;height:auto!important;overflow:visible}.presentation-fit>.presentation-page{width:100%;height:auto;min-height:calc(100dvh - 150px);max-height:none;transform:none;padding:20px 17px 16px;overflow:visible}.presentation-page .presentation-heading h1{font-size:27px;line-height:1.22}.presentation-page .presentation-heading>p{font-size:14px}.presentation-page .presentation-brand>span{font-size:18px}.presentation-page .presentation-brand small{font-size:8px;max-width:150px}.presentation-page .presentation-status{font-size:8px;max-width:43%;padding:6px 7px}.presentation-heading{margin:17px 0}.presentation-content{overflow:visible}.presentation-grid{grid-template-columns:1fr;gap:12px}.presentation-panel{padding:16px 17px}.presentation-panel h3{font-size:16px}.presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.presentation-kpi{padding:11px 12px}.presentation-kpi>span{font-size:12px}.presentation-kpi>strong{font-size:23px}.presentation-bar-label{font-size:14px}.presentation-bars{gap:12px}.presentation-note{font-size:12px}.presentation-identity dt{font-size:12px}.presentation-identity dd{font-size:14px}.presentation-identity>div{grid-template-columns:80px 1fr;gap:10px}.presentation-legend,.presentation-legend.vertical>span{font-size:12px}.presentation-legend small{font-size:10px}.presentation-list strong{font-size:14px}.presentation-list span{font-size:12px}.presentation-cover .presentation-heading{max-width:100%;margin-top:25px}.presentation-cover .presentation-heading h1{font-size:36px;max-width:100%}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-heading h1{font-size:38px}.presentation-cover .presentation-heading>p{font-size:17px;max-width:100%}.presentation-cover-copy{max-width:100%;padding-top:10px}.presentation-cover-period{font-size:14px}.presentation-cover .presentation-kpis{margin-top:175px;grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-cover .presentation-kpi{padding:11px}.presentation-cover .presentation-kpi>span{font-size:12px}.presentation-cover .presentation-kpi>strong{font-size:24px}.presentation-cover .presentation-campus-art,.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-campus-art,.presentation-page[data-presentation-layout=studio].presentation-cover .presentation-campus-art{width:83%;height:260px;right:-6%;bottom:25%;opacity:.75}.presentation-footer{font-size:10px;margin-top:16px}.presentation-footer small{font-size:8px}.presentation-shell .slide-controls{flex-wrap:wrap}.presentation-shell .slide-controls>.row:last-child{flex:1;justify-content:flex-end;flex-wrap:wrap}.presentation-pagination{order:3;width:100%;justify-content:space-between}.presentation-pagination .select{max-width:none;flex:1}.executive-report{padding:17px}.executive-report-heading>img{width:100px;height:110px}.executive-report-heading h1{font-size:23px}.executive-report .presentation-grid{grid-template-columns:1fr}.executive-report .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-report .presentation-kpi>strong{font-size:22px}}
@media print{.operation-progress{display:none!important}.presentation-print{margin:0;padding:0}.presentation-print .presentation-page{width:320mm;height:180mm;max-height:180mm;min-height:0;padding:7mm 8mm 5mm;margin:0;background:var(--pt-paper);color:var(--pt-ink);font-size:18px;line-height:1.5;break-inside:avoid;break-after:page;overflow:hidden}.presentation-print .presentation-page:last-child{break-after:auto}.presentation-print .presentation-heading{margin:4mm 0}.presentation-print .presentation-heading h1{font-size:36px}.presentation-print .presentation-heading>p{font-size:16px}.presentation-print .presentation-top{min-height:11mm}.presentation-print .presentation-brand small{font-size:11px}.presentation-print .presentation-status{font-size:10px}.presentation-print .presentation-content{gap:3mm;overflow:hidden}.presentation-print .presentation-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:3mm}.presentation-print .presentation-kpi{padding:3mm 4mm}.presentation-print .presentation-kpi>span{font-size:14px}.presentation-print .presentation-kpi>strong{font-size:28px}.presentation-print .presentation-grid{grid-template-columns:1fr 1fr;gap:4mm}.presentation-print .presentation-panel{padding:4mm 5mm}.presentation-print .presentation-panel h3{font-size:17px;margin-bottom:4mm}.presentation-print .presentation-bar-label{font-size:16px}.presentation-print .presentation-bars{gap:3mm}.presentation-print .presentation-note{font-size:12px;padding:2.5mm 3mm}.presentation-print .presentation-identity dt{font-size:14px}.presentation-print .presentation-identity dd{font-size:16px}.presentation-print .presentation-footer{font-size:11px;margin-top:3mm;padding-top:2.5mm}.presentation-print .presentation-footer small{font-size:9px}.presentation-print .presentation-cover .presentation-heading{margin-top:7mm;margin-bottom:0;max-width:78%}.presentation-print .presentation-cover .presentation-heading h1{font-size:46px}.presentation-print .presentation-cover .presentation-heading>p{font-size:22px;max-width:85%}.presentation-print .presentation-cover-copy{max-width:65%;padding-top:5mm;justify-content:space-between}.presentation-print .presentation-cover-period{font-size:18px}.presentation-print .presentation-cover-desc{display:block;font-size:14px}.presentation-print .presentation-cover .presentation-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:0}.presentation-print .presentation-cover .presentation-kpi>strong{font-size:29px}.presentation-print .presentation-cover .presentation-campus-art{width:48%;height:65%;bottom:14%;right:-1%;opacity:1}.presentation-print .presentation-cover .presentation-campus-art figcaption{font-size:10px}.executive-report{border:0;border-radius:0;padding:0;font-size:13px;line-height:1.5;color:var(--pt-ink);background:var(--pt-paper)}.executive-report .presentation-brand small{font-size:9px}.executive-report .presentation-status{font-size:9px}.executive-report-heading h1{font-size:24px}.executive-report-heading p{font-size:12px}.executive-report-heading>img{width:140px;height:110px}.executive-report .presentation-kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:8px}.executive-report .presentation-kpi{padding:9px 11px;break-inside:avoid}.executive-report .presentation-kpi>span{font-size:11px}.executive-report .presentation-kpi>strong{font-size:22px}.executive-report .presentation-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.executive-report .presentation-panel{padding:13px 14px;break-inside:avoid}.executive-report .presentation-panel h3{font-size:13px;margin-bottom:10px}.executive-report .presentation-bar-label{font-size:12px}.executive-report .presentation-bars{gap:8px}.executive-report .presentation-list strong{font-size:12px}.executive-report .presentation-list span{font-size:11px}.executive-report .presentation-caption{font-size:11px;margin:8px 0 0}.executive-report .report-summary-section{margin-top:16px;break-inside:avoid}.executive-report .report-summary-section>h2{font-size:17px;margin-bottom:9px;padding-bottom:6px}.executive-report .presentation-legend{font-size:10px}.executive-report .presentation-empty{min-height:40px;padding:12px;font-size:11px}.executive-report .report-summary-note{font-size:12px}.executive-report-footer{break-inside:avoid;font-size:10px}.executive-source{font-size:9px}.report-readable .report-cover{padding:22px 24px}.report-readable .report-body{padding:0}.report-readable .report-chapter{margin-top:18px}.report-readable .report-chapter h2{font-size:19px}.report-readable .report-chapter h3{font-size:15px}.report-readable .table th{font-size:9px;padding:8px 5px}.report-readable .table td{font-size:11px;padding:9px 5px;line-height:1.5}.report-readable .table tr{break-inside:avoid}.executive-report,.presentation-page,.presentation-panel,.presentation-kpi{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.presentation-page .presentation-panel:has(.presentation-donut){display:flex;flex-direction:column}.presentation-page .presentation-panel .presentation-donut{height:auto;min-height:0;flex:1}.presentation-page .presentation-donut svg{width:175px;max-width:42%;max-height:175px}.presentation-page .presentation-legend.vertical{gap:10px}@media print{.presentation-print .presentation-panel .presentation-donut{height:auto;min-height:0;flex:1}.presentation-print .presentation-donut svg{width:165px;max-height:165px}.presentation-print .presentation-legend.vertical{gap:9px}}
.presentation-kpi strong.money-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .3em;font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums}.money-prefix{font-size:.72em;font-weight:600}.money-digits{white-space:nowrap}.executive-report .presentation-kpis:has(.money-value){grid-template-columns:repeat(2,minmax(0,1fr))}.executive-report .presentation-kpi:has(.money-value){min-width:0}.executive-report .presentation-kpi strong.money-value{font-size:21px}.executive-report .presentation-panel .presentation-kpi:has(.money-value){grid-column:1/-1}.campus-outcome-grid>.campus-value-wide{grid-column:span 2}.campus-outcome-grid>.campus-value-wide strong{white-space:nowrap;font-size:20px}.campus-finance-grid strong{overflow-wrap:normal;word-break:normal}.report-readable .table th{white-space:normal!important;overflow-wrap:anywhere;letter-spacing:.2px;line-height:1.35}@media(max-width:800px){.presentation-kpi strong.money-value{font-size:21px}.executive-report .presentation-kpi strong.money-value{font-size:20px}}@media print{.presentation-print .presentation-kpi strong.money-value{font-size:23px}.executive-report .presentation-kpi strong.money-value{font-size:20px}.report-readable .table th{white-space:normal!important;overflow-wrap:anywhere;letter-spacing:.15px;line-height:1.35}}

/* 2.12 — compact workspace and ten distinct presentation compositions. */
.compact-topbar{min-height:64px;height:64px;padding:0 26px;gap:12px}.workspace-name{display:flex;align-items:baseline;gap:10px;min-width:0}.workspace-name strong{font-size:14px;line-height:1.35;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-name>span{font-size:11px;color:var(--muted);white-space:nowrap}.compact-topbar .top-left{min-width:0}.compact-topbar .top-right{gap:8px}.workspace-menu{position:relative}.workspace-menu>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:5px 8px;min-height:42px;cursor:pointer;border:1px solid var(--line);border-radius:30px;background:var(--surface);font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s}.workspace-menu>summary::-webkit-details-marker,.inline-menu>summary::-webkit-details-marker{display:none}.workspace-menu>summary>svg{width:15px;height:15px}.workspace-menu .avatar,.workspace-menu .avatar-photo{width:30px;height:30px;min-width:30px;font-size:11px}.workspace-menu[open]>summary{box-shadow:0 0 0 3px var(--mint)}.workspace-options{position:absolute;right:0;top:calc(100% + 12px);width:260px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 60px #0c332525;border-radius:14px;padding:12px;z-index:60;animation:menu-arrive .18s ease}.workspace-options>.button{width:100%;justify-content:flex-start;font-size:13px;box-shadow:none;border:0;padding:11px 10px}.workspace-options>.live-indicator{display:flex;white-space:normal;font-size:11px;margin:10px 7px;padding-bottom:12px;border-bottom:1px solid var(--line)}.workspace-identity{display:flex;flex-direction:column;gap:3px;padding:5px 8px 7px}.workspace-identity strong{font-size:14px}.workspace-identity small{font-size:11px;color:var(--muted)}.compact-page-header{align-items:center;margin:0 0 18px;gap:12px}.compact-page-header h1{font-size:26px;line-height:1.2;letter-spacing:-.8px;margin:0}.compact-page-header p{font-size:12px;line-height:1.4;margin:5px 0 0}.compact-filters{gap:7px}.compact-filters .select{min-height:38px;font-size:12px;max-width:310px;min-width:0}.period-chip{font-size:12px;min-height:38px;white-space:nowrap;background:var(--surface);border-color:var(--line);box-shadow:none}.content{padding-top:22px}.page-back-row{margin:0 0 9px;min-height:25px}.page-back-row>.back-button{padding:3px 0;min-height:25px;font-size:12px}.page-back-row>span{font-size:11px}.nav-label{margin-top:15px;margin-bottom:6px;font-size:9px;letter-spacing:1.25px}.nav-item{margin-bottom:3px}.sidebar-brand{padding-top:22px;padding-bottom:17px}.sidebar-brand .brand-sub{margin-top:2px;line-height:1.3}.national-hero{padding:21px 24px;margin-bottom:17px;min-height:0}.national-hero h2{font-size:29px;line-height:1.16;margin:6px 0 9px}.national-hero p{font-size:13px;max-width:650px;line-height:1.6;margin:0}.national-hero .hero-pill{margin-top:12px;font-size:9px}.national-hero .hero-meta{padding:5px 22px;min-width:145px}.national-hero .hero-meta strong{font-size:42px}.national-hero .hero-meta>span{font-size:12px}.dashboard-controls{margin-bottom:12px}.campus-dashboard-head{margin-bottom:12px}.campus-dashboard-head>.row:first-child{display:none}.campus-dashboard-hero{min-height:170px;padding:23px 26px;margin-bottom:13px}.campus-dashboard-hero h2{font-size:28px;max-width:670px;margin:5px 0 8px}.campus-dashboard-hero .eyebrow{display:none}.campus-dashboard-hero p{font-size:13px}.campus-dashboard-image{height:170px}.campus-scope-note{font-size:11px;margin-bottom:14px}.stat-grid{gap:13px;margin-bottom:18px}.stat{padding:20px}.stat-title{font-size:12px}.stat-value{font-size:30px}.report-period-intro{display:flex;gap:13px;margin:14px 0 19px;padding:16px 18px;background:var(--mint);border:1px solid var(--line);border-radius:12px}.report-period-intro>span{background:var(--surface);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--green)}.report-period-intro svg{width:19px}.report-period-intro strong{font-size:14px}.report-period-intro p{font-size:12px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.inline-menu{position:relative}.inline-menu>summary{list-style:none;cursor:pointer}.inline-menu>div{position:absolute;right:0;top:100%;min-width:235px;z-index:8;background:var(--surface);border:1px solid var(--line);padding:7px;box-shadow:var(--shadow);border-radius:10px}.inline-menu>div>.button{width:100%;font-size:12px}.report-period-intro p{max-width:820px}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
/* A preview contains the exact slide HTML, scaled without changing its layout. */
.studio-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);gap:24px}.studio-preview{top:0;gap:12px;min-width:0}.studio-live-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 35px #103e3420;border-radius:12px}.studio-live-frame #studio-live-page{width:1280px;height:720px;transform:scale(var(--preview-scale,.25));transform-origin:0 0}.studio-live-frame #studio-live-page>.presentation-page{width:1280px;height:720px;min-height:720px;max-height:720px}.studio-live-frame .presentation-page{pointer-events:none}.studio-preview-meta>strong{font-size:13px}.studio-preview-meta p{font-size:12px;line-height:1.6}.studio-preview-title{font-size:10px}.studio-theme strong{font-size:12px}.studio-theme small{font-size:10px}.studio-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-section{padding-bottom:20px;margin-bottom:20px}.studio-section-head{margin-bottom:14px}.studio-section-head h3{font-size:16px}.studio-section-head p{font-size:12px}.studio-theme-art[data-layout=signature]{background:linear-gradient(120deg,var(--pt-deep) 55%,var(--pt-accent))}.studio-theme-art[data-layout=executive] b{left:7%;top:38%;font-size:28px}.studio-theme-art[data-layout=executive] i{height:100%;bottom:0;right:0;width:42%;transform:none;opacity:1;background:var(--pt-gold)}.studio-theme-art[data-layout=editorial]{border-top:5px solid var(--pt-accent)}.studio-theme-art[data-layout=editorial] b{left:7%;top:12%;font-family:Georgia,serif}.studio-theme-art[data-layout=editorial] em{height:28%;width:85%;bottom:14%;left:7%;background:repeating-linear-gradient(90deg,var(--pt-line) 0 28%,transparent 28% 34%)}.studio-theme-art[data-layout=noir] b{left:29%;font-size:29px}.studio-theme-art[data-layout=noir] em{left:8%;height:60%;width:2px;bottom:17%}.studio-theme-art[data-layout=modern] i{bottom:8%;right:6%;height:45%;width:42%;border-radius:8px;opacity:1}.studio-theme-art[data-layout=corporate] b{font-size:20px;top:12%}.studio-theme-art[data-layout=corporate] em{height:45%;width:80%;left:10%;bottom:12%;background:repeating-linear-gradient(var(--pt-gold) 0 15%,transparent 15% 24%)}.studio-theme-art[data-layout=atelier] b{left:35%;top:9%;font-size:22px}.studio-theme-art[data-layout=atelier] i{right:19%;width:62%;bottom:-15%;height:75%;opacity:.5}.studio-theme-art[data-layout=studio]{border:7px solid var(--pt-paper);border-left-width:18px}.studio-theme-art[data-layout=studio] b{left:7%;top:14%;font-size:22px}.studio-theme-art[data-layout=horizon] b{top:6%;left:9%}.studio-theme-art[data-layout=horizon] i{width:130%;height:65%;border-radius:50% 50% 0 0;bottom:-9%;right:-20%;opacity:.5}.studio-theme-art[data-layout=minimal] i{display:none}.studio-theme-art[data-layout=minimal] b{top:10%;left:8%;font-family:system-ui,sans-serif;font-weight:850}.studio-theme-art[data-layout=minimal] em{height:4px;bottom:15%;left:8%;width:80%}
/* Slide grid uses all available height while preserving a reading order. */
.presentation-page{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:47px auto minmax(0,1fr) 39px;grid-template-areas:'brand' 'heading' 'content' 'footer';padding:24px 30px 17px!important;gap:0;background:var(--pt-paper);color:var(--pt-ink);isolation:isolate;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.presentation-top{grid-area:brand;min-width:0}.presentation-heading{grid-area:heading;min-width:0;margin:11px 0 14px!important}.presentation-content{grid-area:content;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.presentation-footer{grid-area:footer;margin-top:9px!important;padding-top:7px!important;font-size:11px!important;min-width:0}.presentation-page .presentation-heading h1{font-size:38px;line-height:1.15;letter-spacing:-1.1px;margin:3px 0 5px;font-weight:720}.presentation-page .presentation-heading>p{font-size:16px;line-height:1.35}.presentation-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px}.presentation-top .presentation-brand>span{font-size:22px}.presentation-page .presentation-kpi{padding:14px 17px;border-width:1px}.presentation-page .presentation-kpi>span{font-size:15px;line-height:1.25}.presentation-page .presentation-kpi>strong{font-size:32px;line-height:1.18;letter-spacing:-.8px}.presentation-page .presentation-kpi strong.money-value{font-size:27px}.presentation-page .presentation-panel{display:flex;flex-direction:column;min-height:0;padding:18px 21px}.presentation-page .presentation-panel h3{font-size:19px;line-height:1.25;margin-bottom:14px}.presentation-page .presentation-grid{gap:16px;flex:1;min-height:0}.presentation-page .presentation-bars{justify-content:center;flex:1;gap:14px}.presentation-page .presentation-bar-label{font-size:18px}.presentation-page .presentation-bar-track{height:11px}.presentation-page .presentation-note{font-size:13px;padding:8px 12px;line-height:1.4;flex:none;min-height:0}.presentation-page .presentation-list{gap:11px}.presentation-page .presentation-list strong{font-size:18px}.presentation-page .presentation-list span{font-size:15px}.presentation-page .table-wrap{border:1px solid var(--pt-line);background:var(--pt-panel);border-radius:12px;flex:1;min-height:0;overflow:hidden}.presentation-page .table{table-layout:fixed;width:100%;height:100%;background:transparent;color:var(--pt-ink);margin:0}.presentation-page .table th{background:color-mix(in srgb,var(--pt-accent) 12%,var(--pt-panel));font-size:14px;line-height:1.3;letter-spacing:.15px;color:var(--pt-ink);white-space:normal!important;overflow-wrap:anywhere;padding:13px 17px}.presentation-page .table td{font-size:18px;line-height:1.4;padding:13px 17px;color:var(--pt-ink);border-color:var(--pt-line);vertical-align:middle;white-space:normal!important;overflow-wrap:anywhere}.presentation-page .table td small{display:block;font-size:13px;line-height:1.4;color:var(--pt-muted);margin-top:5px}.presentation-page .table tr:nth-child(even){background:color-mix(in srgb,var(--pt-accent) 4%,var(--pt-panel))}.presentation-page .table tbody tr:hover{background:transparent}.period-sparkline{display:block;width:100%;height:100%;min-height:100px;max-height:210px;flex:1;overflow:visible}.period-sparkline text{font:14px system-ui,sans-serif;fill:var(--pt-muted)}.presentation-page .period-sparkline{max-height:200px}.deck-record-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;margin:0;min-height:0}.deck-record-fields>div{border:1px solid var(--pt-line);border-top:3px solid var(--pt-accent);border-radius:12px;padding:17px 20px;min-width:0;background:var(--pt-panel)}.deck-record-fields dt{font-size:15px;color:var(--pt-muted);margin-bottom:8px}.deck-record-fields dd{margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere;color:var(--pt-ink)}.layout-placeholder{flex:1;display:flex;gap:18px;align-items:flex-end;padding:12px;position:relative}.layout-placeholder i{background:color-mix(in srgb,var(--pt-accent) 16%,var(--pt-paper));height:55%;width:18%;border-radius:8px 8px 0 0}.layout-placeholder i:nth-child(2){height:85%}.layout-placeholder i:nth-child(3){height:70%}.layout-placeholder span{font-size:15px;position:absolute;inset:0;display:grid;place-items:center;color:var(--pt-muted);text-align:center}.presentation-cover .presentation-heading h1{font-size:52px;max-width:780px}.presentation-cover .presentation-heading>p{font-size:23px;max-width:76%}.presentation-cover .presentation-content{overflow:visible}.presentation-cover-copy{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:64%;max-width:64%;padding:14px 0 8px}.presentation-cover .presentation-kpis{margin-top:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.presentation-cover .presentation-kpis>.presentation-kpi:last-child:nth-child(odd){grid-column:span 2}.presentation-cover .presentation-kpi>strong{font-size:36px}.presentation-cover .presentation-campus-art{position:absolute;right:-1%;bottom:9%;height:69%;width:48%;z-index:-1;margin:0}.presentation-cover .presentation-campus-art img{width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse,#000 58%,transparent 95%)}.presentation-cover .presentation-campus-art:before{content:'';position:absolute;inset:18% 8%;border-radius:50%;background:color-mix(in srgb,var(--pt-gold) 20%,transparent);filter:blur(35px);z-index:-1}.presentation-cover .presentation-cover-period{font-size:20px;margin:0}.presentation-cover .presentation-cover-desc{font-size:13px;margin:8px 0 14px}.presentation-cover .presentation-heading{max-width:100%}
/* 01 signature: asymmetric cards and a strong bottom line. */
.presentation-page[data-presentation-layout=signature]:not(.presentation-cover) .presentation-grid{grid-template-columns:1.18fr 1fr}.presentation-page[data-presentation-layout=signature] .presentation-panel:first-child{border-top:4px solid var(--pt-accent)}.presentation-page[data-presentation-layout=signature] .presentation-kpi:first-child{background:var(--pt-accent)}.presentation-page[data-presentation-layout=signature] .presentation-kpi:first-child>span,.presentation-page[data-presentation-layout=signature] .presentation-kpi:first-child>strong{color:#fff}.presentation-page[data-presentation-layout=signature] .presentation-heading{padding-left:16px;border-left:4px solid var(--pt-gold)}
/* 02 executive: a full-height title rail and data on the right. */
.presentation-page[data-presentation-layout=executive]:not(.presentation-cover){grid-template-columns:255px minmax(0,1fr);grid-template-rows:47px minmax(0,1fr) 39px;grid-template-areas:'brand brand' 'heading content' 'footer footer';column-gap:24px}.presentation-page[data-presentation-layout=executive]:not(.presentation-cover) .presentation-heading{margin:14px 0 3px!important;padding:20px 18px;background:var(--pt-deep);border:0;border-radius:12px;align-self:stretch;color:white;display:flex;flex-direction:column;justify-content:center}.presentation-page[data-presentation-layout=executive]:not(.presentation-cover) .presentation-heading h1{font-size:33px;color:#fff;letter-spacing:-1px}.presentation-page[data-presentation-layout=executive]:not(.presentation-cover) .presentation-heading>p{font-size:15px;color:#d6e6f5}.presentation-page[data-presentation-layout=executive]:not(.presentation-cover) .presentation-heading .presentation-eyebrow{color:#9bd0e7;font-size:9px}.presentation-page[data-presentation-layout=executive]:not(.presentation-cover) .presentation-content{padding-top:14px}.presentation-page[data-presentation-layout=executive] .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-page[data-presentation-layout=executive] .presentation-kpi{padding:10px 13px}.presentation-page[data-presentation-layout=executive] .presentation-kpi>strong{font-size:26px}.presentation-page[data-presentation-layout=executive] .presentation-panel{padding:15px}.presentation-page[data-presentation-layout=executive] .presentation-panel h3{font-size:17px}.presentation-page[data-presentation-layout=executive] .presentation-bar-label{font-size:15px}.presentation-page[data-presentation-layout=executive] .presentation-identity>div{grid-template-columns:75px 1fr}.presentation-page[data-presentation-layout=executive] .presentation-identity dd{font-size:14px}.presentation-page[data-presentation-layout=executive] .presentation-identity dt{font-size:12px}.presentation-page[data-presentation-layout=executive] .table td{font-size:16px;padding:10px 13px}.presentation-page[data-presentation-layout=executive].presentation-cover .presentation-campus-art{width:49%;right:0;background:linear-gradient(155deg,#6db9ce30,transparent);border-radius:50% 0 0 0}.presentation-page[data-presentation-layout=executive].presentation-cover .presentation-heading{border:0;padding:0}.presentation-page[data-presentation-layout=executive] .deck-record-fields dd{font-size:16px}
/* 03 editorial: masthead, serif headline, ruled columns. */
.presentation-page[data-presentation-layout=editorial]{grid-template-rows:53px auto minmax(0,1fr) 37px}.presentation-page[data-presentation-layout=editorial] .presentation-top{border-bottom:2px solid var(--pt-ink);padding-bottom:9px}.presentation-page[data-presentation-layout=editorial] .presentation-heading{display:grid;grid-template-columns:1fr 35%;align-items:end;gap:0 25px;border-bottom:1px solid var(--pt-line);padding-bottom:12px}.presentation-page[data-presentation-layout=editorial] .presentation-eyebrow{grid-column:1/-1}.presentation-page[data-presentation-layout=editorial] .presentation-heading h1{font-size:41px;line-height:1.07}.presentation-page[data-presentation-layout=editorial] .presentation-heading>p{font-size:15px}.presentation-page[data-presentation-layout=editorial] .presentation-kpis{gap:0;border-top:2px solid var(--pt-ink);border-bottom:1px solid var(--pt-line)}.presentation-page[data-presentation-layout=editorial] .presentation-kpi{border:0;border-right:1px solid var(--pt-line);border-radius:0;background:transparent}.presentation-page[data-presentation-layout=editorial] .presentation-panel{border:0;border-left:1px solid var(--pt-line);padding-left:18px;background:transparent;border-radius:0}.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-heading{grid-template-columns:1fr;max-width:65%;border:0}.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-heading>p{max-width:100%}.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-campus-art{height:66%;width:49%;bottom:11%;right:-1%}.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-kpis{background:#fff9}.presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-kpi:last-child{border-right:0}
/* 04 noir: centered heading and segmented scoreboard on a dark canvas. */
.presentation-page[data-presentation-layout=noir]{padding-left:49px!important}.presentation-page[data-presentation-layout=noir]:after{content:'';position:absolute;left:21px;top:25px;bottom:22px;width:3px;background:var(--pt-gold)}.presentation-page[data-presentation-layout=noir] .presentation-heading{text-align:center}.presentation-page[data-presentation-layout=noir] .presentation-kpis{gap:3px}.presentation-page[data-presentation-layout=noir] .presentation-kpi{border:0;border-radius:0;background:#2b333d}.presentation-page[data-presentation-layout=noir] .presentation-kpi>strong{color:var(--pt-gold)}.presentation-page[data-presentation-layout=noir] .presentation-panel{border:0;background:#252d35;border-radius:5px}.presentation-page[data-presentation-layout=noir] .presentation-status{background:#313b46;color:#ead298}.presentation-page[data-presentation-layout=noir].presentation-cover .presentation-heading{text-align:left;margin-top:25px!important}.presentation-page[data-presentation-layout=noir].presentation-cover .presentation-heading h1{font-size:58px;font-weight:500}.presentation-page[data-presentation-layout=noir].presentation-cover .presentation-campus-art{filter:saturate(.7);right:1%}
/* 05 modern: two unequal surfaces and an elevated metric strip. */
.presentation-page[data-presentation-layout=modern]{background:radial-gradient(ellipse at 100% 0,#c0f4eb55,transparent 48%),var(--pt-paper)}.presentation-page[data-presentation-layout=modern] .presentation-grid{grid-template-columns:1fr 1.22fr}.presentation-page[data-presentation-layout=modern] .presentation-panel{border-radius:24px 24px 7px 24px;border:0}.presentation-page[data-presentation-layout=modern] .presentation-kpis{gap:0;background:var(--pt-panel);box-shadow:0 9px 25px #167d7d12;border-radius:20px;overflow:hidden}.presentation-page[data-presentation-layout=modern] .presentation-kpi{border:0;border-right:1px solid var(--pt-line);border-left:0;border-radius:0;background:transparent}.presentation-page[data-presentation-layout=modern].presentation-cover{background:linear-gradient(125deg,var(--pt-deep),#157b82)}.presentation-page[data-presentation-layout=modern].presentation-cover .presentation-kpis{background:#ffffff12}.presentation-page[data-presentation-layout=modern].presentation-cover .presentation-campus-art{border-radius:40% 40% 0 0;background:#8be5d415;right:1%;bottom:8%;height:68%}
/* 06 corporate: a matrix with connected cells and a chapter bar. */
.presentation-page[data-presentation-layout=corporate] .presentation-top{padding-left:12px;border-left:7px solid var(--pt-accent)}.presentation-page[data-presentation-layout=corporate] .presentation-heading{display:grid;grid-template-columns:1fr 36%;gap:0 20px;border-bottom:2px solid var(--pt-accent);padding-bottom:11px}.presentation-page[data-presentation-layout=corporate] .presentation-heading .presentation-eyebrow{grid-column:1/-1}.presentation-page[data-presentation-layout=corporate] .presentation-heading h1{font-size:35px}.presentation-page[data-presentation-layout=corporate] .presentation-kpis{gap:0}.presentation-page[data-presentation-layout=corporate] .presentation-kpi{border-radius:0;border-width:1px 1px 1px 0}.presentation-page[data-presentation-layout=corporate] .presentation-kpi:first-child{border-left-width:1px}.presentation-page[data-presentation-layout=corporate] .presentation-grid{gap:0}.presentation-page[data-presentation-layout=corporate] .presentation-panel{border-radius:0}.presentation-page[data-presentation-layout=corporate] .presentation-panel h3{padding-bottom:10px;border-bottom:1px solid var(--pt-line)}.presentation-page[data-presentation-layout=corporate].presentation-cover .presentation-heading{grid-template-columns:1fr;border-bottom-color:#ffffff30;max-width:66%}.presentation-page[data-presentation-layout=corporate].presentation-cover .presentation-heading h1{font-size:48px}
/* 07 atelier: centered serif heading, arched composition, soft vertical panels. */
.presentation-page[data-presentation-layout=atelier] .presentation-heading{text-align:center;margin-top:8px!important}.presentation-page[data-presentation-layout=atelier] .presentation-heading h1{font-size:44px}.presentation-page[data-presentation-layout=atelier] .presentation-kpis{gap:18px}.presentation-page[data-presentation-layout=atelier] .presentation-kpi{text-align:center;border:0;border-top:2px solid var(--pt-gold);border-radius:0;background:transparent}.presentation-page[data-presentation-layout=atelier] .presentation-panel{border-radius:26px 26px 5px 5px;background:var(--pt-panel)}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-heading{max-width:80%;margin-inline:auto!important;text-align:center;z-index:1}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-heading>p{max-width:100%}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-cover-copy{width:100%;max-width:100%;justify-content:space-between}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-cover-period{max-width:30%}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-kpis{width:100%;margin-top:auto;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--pt-deep);position:relative;z-index:2}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-kpis>.presentation-kpi:last-child:nth-child(odd){grid-column:auto}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-campus-art{height:57%;width:50%;right:24%;bottom:15%}.presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-campus-art:before{inset:5% 10%;border-radius:200px 200px 0 0;background:#ba93b73b;filter:none}
/* 08 studio: inset frame, offset heading, warm paper and a side stripe. */
.presentation-page[data-presentation-layout=studio]{padding-left:61px!important;padding-right:35px!important;background:var(--pt-paper)}.presentation-page[data-presentation-layout=studio]:after{content:'';position:absolute;inset:13px;border:1px solid var(--pt-gold);pointer-events:none;z-index:-1}.presentation-page[data-presentation-layout=studio]:before{width:25px;height:100%;background:var(--pt-deep);position:absolute;left:0;top:0}.presentation-page[data-presentation-layout=studio] .presentation-heading{padding-left:19px;border-left:3px solid var(--pt-gold)}.presentation-page[data-presentation-layout=studio] .presentation-kpi{border:0;border-top:3px solid var(--pt-gold);border-radius:0;background:#fff8}.presentation-page[data-presentation-layout=studio] .presentation-panel{border:0;border-radius:0;background:transparent;padding:12px 18px}.presentation-page[data-presentation-layout=studio].presentation-cover{background:var(--pt-deep)}.presentation-page[data-presentation-layout=studio].presentation-cover .presentation-kpi{background:#ffffff0c}.presentation-page[data-presentation-layout=studio].presentation-cover .presentation-campus-art{right:-1%;height:68%;bottom:9%;width:54%}
/* 09 horizon: wide banner, rounded charts, a landscape cover. */
.presentation-page[data-presentation-layout=horizon] .presentation-heading{background:var(--pt-deep);padding:11px 21px;margin-top:7px!important;border-radius:12px 40px 12px 12px}.presentation-page[data-presentation-layout=horizon] .presentation-heading h1{color:#fff;font-size:36px}.presentation-page[data-presentation-layout=horizon] .presentation-heading>p{color:#e2e8d5}.presentation-page[data-presentation-layout=horizon] .presentation-eyebrow{color:var(--pt-gold)}.presentation-page[data-presentation-layout=horizon] .presentation-kpis{gap:12px}.presentation-page[data-presentation-layout=horizon] .presentation-kpi{border-radius:25px;border-color:transparent}.presentation-page[data-presentation-layout=horizon] .presentation-panel{border-radius:25px}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-heading{background:transparent;max-width:100%;margin-top:5px!important;padding:0}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-heading h1{font-size:51px;max-width:100%}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-heading>p{max-width:100%}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-cover-copy{max-width:100%;width:100%}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-cover-period{font-size:17px;max-width:32%}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-kpis{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--pt-deep);position:relative;z-index:2}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-kpis>.presentation-kpi:last-child:nth-child(odd){grid-column:auto}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-campus-art{width:71%;height:58%;bottom:17%;right:0}.presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-campus-art:before{border-radius:50% 50% 0 0;inset:15% -10% -10%;background:#99ac5730}
/* 10 minimal: a typographic grid with large numbers and fine rules. */
.presentation-page[data-presentation-layout=minimal] .presentation-heading{border-bottom:3px solid var(--pt-ink);padding-bottom:12px;display:grid;grid-template-columns:1fr 32%;gap:0 25px}.presentation-page[data-presentation-layout=minimal] .presentation-eyebrow{grid-column:1/-1}.presentation-page[data-presentation-layout=minimal] .presentation-heading h1{font-size:41px;letter-spacing:-1.6px}.presentation-page[data-presentation-layout=minimal] .presentation-kpis{gap:20px}.presentation-page[data-presentation-layout=minimal] .presentation-kpi{border:0;padding:7px 0 12px;border-bottom:2px solid var(--pt-ink);border-radius:0}.presentation-page[data-presentation-layout=minimal] .presentation-kpi>strong{font-size:39px}.presentation-page[data-presentation-layout=minimal] .presentation-panel{padding:7px 0 0;border:0;border-top:1px solid var(--pt-ink);border-radius:0}.presentation-page[data-presentation-layout=minimal] .presentation-panel h3{font-weight:700}.presentation-page[data-presentation-layout=minimal] .presentation-bar-track{height:6px}.presentation-page[data-presentation-layout=minimal].presentation-cover .presentation-heading{grid-template-columns:1fr;max-width:65%;border-bottom:0}.presentation-page[data-presentation-layout=minimal].presentation-cover .presentation-campus-art{filter:grayscale(.35);opacity:.85}.presentation-page[data-presentation-layout=minimal].presentation-cover .presentation-kpi{background:transparent}
/* Multi-year report flows naturally in A4; tabular values never split mid-number. */
.period-report{padding:26px;border:1px solid var(--pt-line);border-radius:12px;background:var(--pt-paper);color:var(--pt-ink);font:15px/1.55 system-ui,sans-serif}.period-report-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:3px solid var(--pt-accent);padding-bottom:18px}.period-report-head>div{min-width:0;flex:1}.period-report-head .brand-emblem{width:38px;height:40px;float:left;margin-right:10px}.period-report-head>div>span{display:block;font-size:10px;font-weight:750;letter-spacing:1px;color:var(--pt-accent);padding-top:11px;margin-bottom:20px}.period-report-head h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:9px 0}.period-report-head h2{font-size:18px;line-height:1.35;margin:8px 0}.period-report-head p{font-size:12px;color:var(--pt-muted);margin:8px 0}.period-report-head>img{width:190px;height:160px;object-fit:contain;mask-image:radial-gradient(ellipse,#000 60%,transparent 95%)}.period-source{font-size:11px;color:var(--pt-muted);margin:14px 0}.period-report-section{margin:23px 0 0;break-inside:auto}.period-report-section h2{font-size:19px;line-height:1.3;border-bottom:1px solid var(--pt-line);padding-bottom:9px;margin:0 0 12px;break-after:avoid}.period-report-section h3{font-size:15px;margin:15px 0 10px}.period-report-section p{font-size:13px;line-height:1.6;margin:10px 0}.period-report .table{font-size:13px;color:var(--pt-ink);table-layout:fixed;width:100%;border-collapse:collapse}.period-report .table th{background:color-mix(in srgb,var(--pt-accent) 10%,var(--pt-paper));color:var(--pt-ink);font-size:10px;letter-spacing:0;line-height:1.4;white-space:normal;overflow-wrap:anywhere;padding:9px 10px}.period-report .table td{font-size:13px;line-height:1.5;padding:10px;color:var(--pt-ink);white-space:normal;overflow-wrap:anywhere;vertical-align:top}.period-report .table td small{display:block;font-size:11px;color:var(--pt-muted)}.period-report .table tr{break-inside:avoid}.period-report .table thead{display:table-header-group}.period-report .table-wrap{border-color:var(--pt-line);border-radius:5px;margin:10px 0;overflow:visible}.period-report .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.period-report .presentation-kpi{background:var(--pt-panel);border-color:var(--pt-line)}.period-report .presentation-kpi>strong{font-size:27px;color:var(--pt-ink)}.period-report .presentation-kpi>span{font-size:12px;color:var(--pt-muted)}.period-evidence{margin:12px 0;padding-left:12px;border-left:3px solid var(--pt-line);break-inside:avoid}.period-evidence strong{font-size:12px}.period-evidence p{font-size:12px;margin:6px 0}.period-evidence small{font-size:9px;word-break:break-all}.period-annual-detail{margin-top:28px}.period-annual-detail>h2{font-size:21px;padding:12px 0;border-bottom:3px solid var(--pt-accent)}.period-report .report-source-details{margin-top:25px}
@media(max-width:1100px){.workspace-name>span{display:none}.workspace-name strong{max-width:470px}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}.compact-topbar{padding-inline:20px}.compact-page-header h1{font-size:24px}.compact-filters .campus-picker{max-width:230px}}
@media(max-width:800px){.compact-topbar{min-height:56px;height:56px;padding-inline:15px}.workspace-name{display:none}.workspace-menu>summary>span:not(.avatar){display:none}.workspace-menu>summary{border:0;padding:3px}.content{padding-top:16px}.compact-page-header{flex-wrap:wrap;gap:10px;margin-bottom:14px}.compact-page-header h1{font-size:23px}.compact-page-header p{font-size:11px}.compact-page-header .header-tools{width:100%;justify-content:flex-start;flex-wrap:nowrap}.compact-filters .campus-picker{flex:1;max-width:none;width:90px}.compact-filters>.period-chip{flex:none}.compact-page-header .header-tools .select{font-size:11px}.national-hero{padding:18px;gap:10px;display:flex}.national-hero .hero-meta{display:none}.national-hero h2{font-size:25px}.national-hero p{font-size:12px}.national-hero .eyebrow{display:none}.national-hero .hero-pill{font-size:8px}.campus-dashboard-hero{min-height:150px;padding:18px}.campus-dashboard-hero h2{font-size:23px}.campus-dashboard-hero .hero-pill{font-size:8px}.campus-dashboard-hero>div:first-child{max-width:100%}.campus-dashboard-image{height:140px;opacity:.18}.stat-grid{gap:10px}.stat{padding:15px}.stat-value{font-size:26px}.report-period-intro{padding:13px}.report-period-intro strong{font-size:13px}.report-period-intro p{font-size:11px}.toolbar>.row{width:100%}.studio-grid{grid-template-columns:1fr}.studio-preview{grid-row:1;display:flex;position:static;gap:10px}.studio-live-frame{max-width:100%;width:100%}.studio-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-options{margin-top:10px}.studio-preview>.help{display:none}.presentation-fit>.presentation-page{display:flex!important;grid-template-areas:none;width:100%;height:auto;min-height:calc(100dvh - 170px);padding:20px 17px!important}.presentation-fit .presentation-page .presentation-heading{display:block!important;max-width:100%;text-align:left;padding:11px 0;border-left:0;border-bottom:1px solid var(--pt-line);margin:10px 0 15px!important;background:transparent;color:var(--pt-ink)}.presentation-fit .presentation-page .presentation-heading h1{font-size:29px!important;line-height:1.2;color:var(--pt-ink)}.presentation-fit .presentation-page.presentation-cover .presentation-heading h1{font-size:38px!important;color:#fff}.presentation-fit .presentation-page.light-presentation-cover .presentation-heading h1{color:var(--pt-ink)}.presentation-fit .presentation-page .presentation-heading>p{font-size:14px;max-width:100%;color:var(--pt-muted)}.presentation-fit .presentation-cover .presentation-heading>p{color:#d5e4dc}.presentation-fit .presentation-content{overflow:visible;padding:0!important}.presentation-fit .presentation-page .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.presentation-fit .presentation-page .presentation-kpi{padding:12px}.presentation-fit .presentation-page .presentation-kpi>strong{font-size:27px}.presentation-fit .presentation-page .presentation-kpi>span{font-size:12px}.presentation-fit .presentation-page .presentation-grid{grid-template-columns:1fr!important;gap:13px}.presentation-fit .presentation-page .presentation-bar-label{font-size:15px}.presentation-fit .presentation-page .presentation-panel{padding:17px}.presentation-fit .presentation-page .presentation-panel h3{font-size:18px}.presentation-fit .presentation-page .table-wrap{overflow:auto;flex:none}.presentation-fit .presentation-page .table{min-width:540px;height:auto}.presentation-fit .presentation-page .table th{font-size:12px;padding:10px}.presentation-fit .presentation-page .table td{font-size:15px;padding:12px 10px}.presentation-fit .presentation-page .table td small{font-size:11px}.presentation-fit .presentation-page .deck-record-fields{grid-template-columns:1fr}.presentation-fit .presentation-page .deck-record-fields dd{font-size:16px}.presentation-fit .presentation-page .period-sparkline{height:170px;max-height:170px}.presentation-fit .presentation-page .presentation-cover-copy{max-width:100%;width:100%;padding-top:5px}.presentation-fit .presentation-cover .presentation-kpis{margin-top:200px;position:relative;width:100%;z-index:1}.presentation-fit .presentation-page .presentation-cover-period{max-width:100%;font-size:16px}.presentation-fit .presentation-page .presentation-campus-art{width:100%;height:245px;right:0;bottom:20%;z-index:0;opacity:.5}.presentation-fit .presentation-cover .presentation-cover-desc{font-size:12px}.presentation-fit .presentation-page .presentation-footer{margin-top:16px!important;padding-top:10px!important;font-size:10px!important}.presentation-fit .presentation-page:after{display:none}.period-report{padding:18px}.period-report-head>img{width:80px;height:110px}.period-report-head{gap:10px}.period-report-head h1{font-size:25px}.period-report-head h2{font-size:16px}.period-report .table-wrap{overflow:auto}.period-report .table{min-width:480px}.period-report .presentation-kpi strong{font-size:23px}}
@media print{.workspace-menu,.compact-topbar{display:none!important}.presentation-print .presentation-page{width:320mm!important;height:180mm!important;min-height:180mm!important;max-height:180mm!important;transform:none!important;grid-template-rows:45px auto minmax(0,1fr) 36px;padding:22px 29px 16px!important;break-after:page;break-inside:avoid;overflow:hidden}.presentation-print .presentation-page:last-child{break-after:auto}.presentation-print .presentation-heading h1{font-size:36px}.presentation-print .presentation-cover .presentation-heading h1{font-size:49px}.presentation-print .presentation-page .presentation-heading>p{font-size:15px}.presentation-print .presentation-page .presentation-kpi>strong{font-size:30px}.presentation-print .presentation-page .presentation-kpi>span{font-size:14px}.presentation-print .presentation-page .table td{font-size:17px;padding:11px 15px}.presentation-print .presentation-page .table th{font-size:13px;padding:11px 15px}.presentation-print .presentation-page .presentation-grid{grid-template-columns:1fr 1fr;gap:15px}.presentation-print .presentation-page .presentation-panel h3{font-size:18px}.presentation-print .presentation-page .presentation-bar-label{font-size:17px}.presentation-print .presentation-page .presentation-note{font-size:12px}.presentation-print .presentation-page .presentation-cover-copy{max-width:64%;width:64%;height:100%;padding:12px 0 8px}.presentation-print .presentation-page .presentation-campus-art{height:69%;width:48%;bottom:9%;right:-1%}.presentation-print .presentation-cover .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto}.presentation-print .presentation-page[data-presentation-layout=executive]:not(.presentation-cover){grid-template-rows:45px minmax(0,1fr) 36px;grid-template-columns:240px minmax(0,1fr)}.presentation-print .presentation-page[data-presentation-layout=executive] .presentation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-print .presentation-page[data-presentation-layout=executive] .presentation-kpi>strong{font-size:25px}.presentation-print .presentation-page[data-presentation-layout=executive] .presentation-panel{padding:13px}.presentation-print .presentation-page[data-presentation-layout=executive] .presentation-bar-label{font-size:15px}.presentation-print .presentation-page[data-presentation-layout=executive] .table td{font-size:15px}.presentation-print .presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-cover-copy,.presentation-print .presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-cover-copy{max-width:100%;width:100%}.presentation-print .presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-kpis,.presentation-print .presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-kpis{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.presentation-print .presentation-page[data-presentation-layout=atelier].presentation-cover .presentation-campus-art{height:57%;width:50%;right:24%;bottom:15%}.presentation-print .presentation-page[data-presentation-layout=horizon].presentation-cover .presentation-campus-art{width:71%;height:58%;bottom:17%;right:0}.presentation-print .presentation-page[data-presentation-layout=editorial].presentation-cover .presentation-campus-art{height:66%;width:49%;bottom:11%;right:-1%}.period-report{border:0;border-radius:0;padding:0;background:#fff;color:#193f33;font-size:12px;line-height:1.5}.period-report-head h1{font-size:25px}.period-report-head h2{font-size:17px}.period-report-head>img{width:145px;height:125px}.period-report-section{margin-top:19px}.period-report-section h2{font-size:17px;margin-bottom:10px}.period-report-section p{font-size:11px}.period-report .table-wrap{border:1px solid var(--pt-line);overflow:visible}.period-report .table{min-width:0;table-layout:fixed}.period-report .table th{font-size:10px;padding:8px}.period-report .table td{font-size:12px;line-height:1.5;padding:9px 8px}.period-report .table tr{break-inside:avoid}.period-report .table td small{font-size:10px}.period-report .presentation-kpi>strong{font-size:25px}.period-annual-detail{break-before:page}.period-evidence{break-inside:avoid}.period-report,.presentation-page{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(prefers-reduced-motion:reduce){.workspace-options{animation:none}}
.presentation-page:not(.presentation-cover):not(.dark-presentation) .presentation-brand .brand-emblem{background:var(--pt-ink);border-radius:9px;padding:4px;box-sizing:border-box}.presentation-page.presentation-cover .presentation-campus-art{right:0!important}.presentation-page[data-presentation-kind=trend] .presentation-content{display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:minmax(0,1fr) auto;gap:14px}.presentation-page[data-presentation-kind=trend] .presentation-content>.presentation-grid{grid-template-columns:1fr!important;grid-auto-rows:minmax(0,1fr);gap:12px;height:100%}.presentation-page[data-presentation-kind=trend] .presentation-content>.presentation-note{grid-column:1/-1}.presentation-page[data-presentation-kind=trend] .presentation-panel{padding:13px 16px}.presentation-page[data-presentation-kind=trend] .presentation-panel h3{font-size:17px;margin-bottom:6px}.presentation-page[data-presentation-kind=trend] .table-wrap{height:100%;min-height:0}.presentation-page[data-presentation-kind=trend] .table th:first-child,.presentation-page[data-presentation-kind=trend] .table td:first-child{width:18%}.presentation-page[data-presentation-kind=trend] .table td{font-size:17px;padding:10px 13px}.presentation-page[data-presentation-kind=trend] .table th{font-size:13px;padding:9px 13px}.presentation-page[data-presentation-layout=executive][data-presentation-kind=trend] .presentation-content{grid-template-columns:.9fr 1.1fr}.presentation-page[data-presentation-layout=executive][data-presentation-kind=trend] .table td{font-size:15px;padding:8px 10px}.presentation-page[data-presentation-layout=executive][data-presentation-kind=trend] .table th{font-size:11px;padding:8px 10px}.presentation-page[data-presentation-layout=executive][data-presentation-kind=trend] .presentation-panel{padding:10px 12px}.presentation-page[data-presentation-layout=executive][data-presentation-kind=trend] .presentation-panel h3{font-size:15px}
@media(max-width:800px){.presentation-fit .presentation-page[data-presentation-kind=trend] .presentation-content{display:flex;gap:12px}.presentation-fit .presentation-page[data-presentation-kind=trend] .presentation-content>.presentation-grid{height:auto}.presentation-fit .presentation-page[data-presentation-kind=trend] .table-wrap{height:auto}.presentation-fit .presentation-page[data-presentation-kind=trend] .presentation-panel{min-height:220px}}
@media print{.presentation-print .presentation-page[data-presentation-kind=trend] .presentation-content{display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:minmax(0,1fr) auto}.presentation-print .presentation-page[data-presentation-kind=trend] .presentation-content>.presentation-grid{grid-template-columns:1fr!important}.presentation-print .presentation-page[data-presentation-kind=trend] .table td{font-size:16px;padding:9px 12px}.presentation-print .presentation-page[data-presentation-layout=executive][data-presentation-kind=trend] .table td{font-size:14px;padding:8px}.presentation-print .presentation-page[data-presentation-layout=executive][data-presentation-kind=trend] .table th{font-size:11px;padding:8px}}
.presentation-page .presentation-heading h1{overflow-wrap:anywhere}.presentation-page[data-title-size=long] .presentation-heading h1{font-size:31px!important;line-height:1.12}.presentation-page[data-title-size=long].presentation-cover .presentation-heading h1{font-size:41px!important}.workspace-menu>summary>span:not(.avatar):not(.avatar-photo){max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presentation-content>.presentation-panel{flex:1;min-height:0}.presentation-content>.presentation-panel>.presentation-bars{justify-content:space-evenly}.period-report .period-annual-detail>h2{break-after:avoid}@media print{.period-report .period-annual-detail{break-before:auto}.period-report .period-annual-detail>h2{break-after:avoid}}

.sample-mode-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #d8cc91;border-left:4px solid #a78729;border-radius:12px;background:#fff9e5;color:#594921;margin-bottom:17px;box-shadow:0 3px 14px #9a7c2207}.sample-mode-banner .sample-symbol{width:33px;height:33px;border-radius:10px;background:#f3e6ad;color:#806118;display:grid;place-items:center;flex:none}.sample-symbol svg{width:16px;height:16px}.sample-mode-banner strong{display:block;font-size:13px;font-weight:750;line-height:1.4}.sample-mode-banner small{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#7c6a3c}.sample-mode-banner .button{color:#665022;border-color:#e0d297;background:#fffdf4;font-size:11px;min-height:34px}.sample-mode-banner .button:hover{background:#f8efcd;border-color:#bfa454}.sample-header-pill{padding:5px 8px;border-radius:6px;color:#876a22;background:#fff2c2;border:1px solid #e6d28e;font-size:9px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.sample-document-stamp{padding:9px 13px;border:1px solid #d9bc67;background:#fff5d5;color:#755b1b;font-size:11px;letter-spacing:.65px;font-weight:750;text-align:center;margin-bottom:15px}html[data-theme=dark] .sample-mode-banner{background:#332e1c;border-color:#6d6035;color:#f0dfa7}html[data-theme=dark] .sample-mode-banner small{color:#d3c393}html[data-theme=dark] .sample-mode-banner .button{color:#e6d29b;background:#3c3420;border-color:#78663a}html[data-theme=dark] .sample-header-pill{background:#3c3420;border-color:#78663a;color:#ebd69b}@media(max-width:760px){.sample-mode-banner{gap:9px;padding:11px 12px;flex-wrap:wrap;margin-bottom:14px}.sample-mode-banner .sample-symbol{width:29px;height:29px}.sample-mode-banner .grow{flex-basis:calc(100% - 45px)}.sample-mode-banner strong{font-size:12px}.sample-mode-banner small{font-size:10px}.sample-mode-banner>.button{flex:1;min-height:33px;font-size:11px}.sample-header-pill{font-size:8px;padding:4px 6px}}@media print{.sample-document-stamp{break-inside:avoid;font-size:10px}body[data-data-mode=sample] #print-area:before{content:'CONTOH DATA · SIMULASI · BUKAN LAPORAN RESMI';position:fixed;top:-8mm;right:0;left:0;text-align:center;font:700 9px system-ui,sans-serif;letter-spacing:1px;color:#886721}body[data-data-mode=sample][data-print-mode=presentation] #print-area:before{display:none}}
@media(max-width:400px){body[data-data-mode=sample] .campus-finance-grid{grid-template-columns:minmax(0,1fr)}body[data-data-mode=sample] .card-head{flex-wrap:wrap}body[data-data-mode=sample] .card-head>.button{flex-shrink:0}body[data-data-mode=sample] .campus-finance-grid strong{font-size:21px}}

/* SIKAIU 2.13 — struktur, wilayah, dan lima aspek kampus. */
.stat-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid-six .stat-value{font-size:34px}.structure-intro{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:0 0 18px}.structure-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.structure-group{min-width:0;padding:16px;border:1px solid var(--line);background:var(--surface2);border-radius:16px;align-self:start}.structure-group header{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:9px}.structure-group header svg{width:18px;height:18px;color:var(--green)}.structure-group header h3{margin:0;font-size:15px;flex:1}.structure-group header>span{font-size:12px;color:var(--muted)}.structure-person{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:12px 0;border:0;background:none;color:var(--ink);font:inherit;overflow-wrap:anywhere}.structure-person+.structure-person{border-top:1px solid var(--line)}button.structure-person{cursor:pointer}button.structure-person:hover strong{color:var(--green)}.structure-person strong{display:block;font-size:14px}.structure-person small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.structure-avatar{background:var(--mint);color:var(--green);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:12px;font-weight:700}.aspect-tabs{display:flex;gap:7px;padding:6px;border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:20px;overflow:auto}.aspect-tab{flex:1;min-width:max-content;cursor:pointer;padding:12px 18px;border:0;border-radius:9px;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;white-space:nowrap}.aspect-tab.active{background:var(--deep);color:#fff}.aspect-tab:focus-visible,.data-number:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.aspects-section>.section-head{margin-bottom:18px}.aspect-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.aspect-stats>div{padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.aspect-stats span{display:block;color:var(--muted);font-size:13px}.aspect-stats strong{display:block;font-size:29px;margin-top:6px;overflow-wrap:anywhere}.aspect-stats small{font-size:12px;color:var(--muted);margin-left:6px}.data-number{font:inherit;font-weight:650;color:var(--green);background:var(--mint);border:0;border-radius:7px;min-width:38px;min-height:34px;padding:4px 8px;cursor:pointer}.header-tools.compact-filters{max-width:100%;flex-wrap:wrap;justify-content:flex-end}.header-tools.compact-filters .select{max-width:210px}.national-hero h2{font-size:36px;line-height:1.15;letter-spacing:-1.2px}.table td small{white-space:normal}.aspects-section .donut-box{min-height:170px}.presentation-identity{margin:0}.report-paper .structure-board{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.structure-board{grid-template-columns:repeat(2,minmax(0,1fr))}.aspect-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.header-tools.compact-filters{justify-content:flex-start}.national-hero h2{font-size:30px}}
@media(max-width:760px){.stat-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid-six .stat-value{font-size:29px}.structure-board{grid-template-columns:1fr}.aspect-tab{padding:11px 14px;font-size:13px}.aspect-stats strong{font-size:25px}.header-tools.compact-filters .select{max-width:100%;flex:1 1 44%;min-width:0}.national-hero h2{font-size:29px}.aspect-stats>div{padding:14px}.structure-group{padding:14px}.report-paper .structure-board{grid-template-columns:1fr}}
@media(max-width:380px){.stat-grid-six{grid-template-columns:1fr 1fr}.stat-grid-six .stat{padding:12px}.stat-grid-six .stat-head{font-size:11px}.stat-grid-six .stat-icon{display:none}.stat-grid-six .stat-value{font-size:26px}}
@media print{.report-paper .data-number{background:none;color:inherit;padding:0;min-height:0;min-width:0}.structure-person{break-inside:avoid}.structure-group{break-inside:avoid}.aspect-tabs{display:none!important}}

/* SIKIU 2.14: automatic compact/desktop layouts and consistent vector icons. */
[hidden]{display:none!important}.bottom-nav214{display:none}.heading-icon214{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:10px;background:var(--mint);color:var(--green);margin-right:9px;vertical-align:middle;flex:none}.heading-icon214 svg{width:18px;height:18px}.card-head h2,.section-head h2{line-height:1.35}.aspect-tab{display:flex;align-items:center;justify-content:center;gap:8px}.aspect-tab>svg{width:18px;height:18px;flex:none}.nav-item>svg{width:21px;height:21px;flex:none}.mobile-filters214{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mobile-filters214 .select{width:102px;min-height:44px}.data-hub214>section{margin:0 0 24px}.data-hub214 h2{font-size:12px;letter-spacing:.9px;color:var(--muted);margin:0 0 12px}.hub-grid214{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-item214{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:80px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.hub-item214:hover{border-color:var(--green)}.hub-item214 strong{display:block;font-size:14px}.hub-item214 small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.hub-item214>svg{width:17px;height:17px;color:var(--muted);flex:none}.hub-icon214,.records-icon214{display:grid;place-items:center;background:var(--mint);color:var(--green);width:42px;height:42px;border-radius:12px;flex:none}.hub-icon214 svg,.records-icon214 svg{width:22px;height:22px}.records-list214{display:grid;gap:10px}.records-list214 article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;min-width:0}.records-list214 strong,.records-list214 small{display:block;overflow-wrap:anywhere}.records-list214 strong{font-size:14px}.records-list214 small{font-size:12px;color:var(--muted);margin-top:5px}.program-list214{display:grid;gap:14px}.program-card214{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.program-card214>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.program-type214{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:650;color:var(--green)}.program-type214 svg{width:19px;height:19px}.program-card214 h3{margin:8px 0;font-size:16px}.program-card214 p{margin:4px 0;color:var(--muted);font-size:13px}.drive-label214{display:flex;align-items:center;gap:7px;margin-bottom:8px}.drive-label214>label{margin:0;font-size:14px;font-weight:600}.drive-help214{position:relative;display:inline-block;line-height:1}.drive-help214>summary{display:grid;place-items:center;cursor:pointer;list-style:none;color:var(--muted);width:36px;height:36px;border-radius:50%}.drive-help214>summary::-webkit-details-marker{display:none}.drive-help214>summary svg{width:19px;height:19px}.drive-help214[open]>summary{background:var(--mint);color:var(--green)}.drive-help214>div{position:absolute;z-index:12;top:42px;left:-150px;width:min(320px,calc(100vw - 48px));padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 50px #001b2230;font-size:13px;line-height:1.65;color:var(--ink)}.drive-help214 ol{padding-left:18px;margin:10px 0}.drive-help214 li+li{margin-top:6px}.drive-help214 p{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0}.drive-input214{display:flex;align-items:center;gap:8px}.drive-input214>span{display:none}.drive-input214 input{min-width:0;flex:1}.drive-input214 .button{min-height:46px;flex:none}.drive-status214{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:12px;margin-top:10px;line-height:1.5}.drive-status214 svg{width:16px;height:16px;flex:none;margin-top:1px}.drive-status214.success{color:var(--green)}.drive-status214.error{color:var(--red)}.drive-settings214{margin-top:10px}.document-card214{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.document-icon214{width:38px;height:42px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--mint);color:var(--green)}.document-icon214 svg{width:22px;height:22px}.document-card214 strong{display:block;font-size:14px;overflow-wrap:anywhere;white-space:normal;line-height:1.5}.document-card214 small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.document-actions214{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.document-card214 .button{font-size:12px}.table .document-card214{min-width:210px}.program-card214 .document-card214{background:var(--surface)}
html[data-layout=mobile]{--sidebar:286px}html[data-layout=mobile] body{font-size:14px;line-height:1.55;overflow-x:hidden}html[data-layout=mobile] .layout{margin-left:0;min-width:0;padding-bottom:calc(82px + env(safe-area-inset-bottom))}html[data-layout=mobile] .sidebar{transform:translateX(-100%);width:min(286px,87vw)}html[data-layout=mobile] .sidebar.open{transform:translateX(0)}html[data-layout=mobile] .menu-button{display:inline-flex}html[data-layout=mobile] .scrim.open{display:block;position:fixed;inset:0;z-index:40;background:#021d18a6;backdrop-filter:blur(2px)}html[data-layout=mobile] .content{padding:17px 14px 20px;min-width:0;max-width:100%;overflow-x:clip}html[data-layout=mobile] .topbar{height:58px;padding:0 14px;gap:8px}html[data-layout=mobile] .top-left{gap:8px}html[data-layout=mobile] .mobile-brand{display:inline;font-size:19px;letter-spacing:-.6px}html[data-layout=mobile] .workspace-name{display:none}html[data-layout=mobile] .top-right{gap:4px}html[data-layout=mobile] .workspace-menu>summary{min-width:44px;min-height:44px;padding:4px 6px}html[data-layout=mobile] .workspace-menu>summary>span:not(.avatar-photo):not(.avatar){display:none}html[data-layout=mobile] .icon-button{width:44px;min-width:44px;min-height:44px}html[data-layout=mobile] .button{min-height:44px;padding:10px 13px;font-size:13px}html[data-layout=mobile] .button.sm{min-height:42px}html[data-layout=mobile] .input,html[data-layout=mobile] .select,html[data-layout=mobile] .textarea{font-size:16px;min-height:46px}html[data-layout=mobile] .page-header{gap:10px;align-items:flex-start;margin-bottom:16px}html[data-layout=mobile] .page-header h1{font-size:23px;line-height:1.25;letter-spacing:-.55px;margin-bottom:4px}html[data-layout=mobile] .page-header p{font-size:12px;line-height:1.45;margin:0}html[data-layout=mobile] .page-back-row{margin-bottom:10px}html[data-layout=mobile] .page-back-row>span{display:none}html[data-layout=mobile] .page-back-row .button{min-height:38px;padding:4px 0}html[data-layout=mobile] .card{padding:16px;border-radius:16px}html[data-layout=mobile] .card-head{gap:9px;margin-bottom:14px;align-items:flex-start;flex-wrap:wrap}html[data-layout=mobile] .card-head h2,html[data-layout=mobile] .section-head h2{font-size:16px;letter-spacing:-.25px;line-height:1.4}html[data-layout=mobile] .card-head p{font-size:12px;line-height:1.5;margin-top:5px}html[data-layout=mobile] .heading-icon214{width:28px;height:28px;margin-right:7px;border-radius:9px}html[data-layout=mobile] .heading-icon214 svg{width:17px;height:17px}html[data-layout=mobile] .hero{padding:20px;border-radius:18px;min-height:0;gap:12px;align-items:center;margin-bottom:16px}html[data-layout=mobile] .hero h2{font-size:25px;line-height:1.22;letter-spacing:-.75px;margin:8px 0;max-width:none}html[data-layout=mobile] .hero h2 br{display:none}html[data-layout=mobile] .hero p{display:none}html[data-layout=mobile] .hero .eyebrow{font-size:10px;letter-spacing:1.1px}html[data-layout=mobile] .hero-pill{font-size:10px;padding:5px 8px;line-height:1.4;letter-spacing:.2px;white-space:normal;max-width:100%}html[data-layout=mobile] .hero-meta{gap:4px;min-width:0;margin-left:auto}html[data-layout=mobile] .national-meta{display:none}html[data-layout=mobile] .hero-photo{width:43px;height:43px}html[data-layout=mobile] .campus-dashboard-hero{flex-wrap:nowrap}html[data-layout=mobile] .campus-dashboard-hero>div:first-child{min-width:0;flex:1}html[data-layout=mobile] .campus-dashboard-hero .eyebrow{display:none}html[data-layout=mobile] .campus-dashboard-hero h2{font-size:23px}html[data-layout=mobile] .campus-dashboard-hero .hero-meta{flex:none}html[data-layout=mobile] .campus-dashboard-head{align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}html[data-layout=mobile] .campus-dashboard-head .button{min-height:38px;font-size:12px;padding:7px 10px}html[data-layout=mobile] .campus-scope-note{display:none}html[data-layout=mobile] .stat-grid-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}html[data-layout=mobile] .stat-grid-six .stat{padding:14px;min-width:0;border-radius:14px;min-height:105px}html[data-layout=mobile] .stat-grid-six .stat:after{left:14px;right:14px}html[data-layout=mobile] .stat-head{font-size:11px;line-height:1.4;gap:6px;align-items:flex-start;min-height:24px}html[data-layout=mobile] .stat-icon{display:flex;width:25px;height:25px}html[data-layout=mobile] .stat-icon svg{width:16px;height:16px}html[data-layout=mobile] .stat-grid-six .stat-value{font-size:27px;line-height:1.2;margin:10px 0 0;letter-spacing:-.8px;overflow-wrap:anywhere}html[data-layout=mobile] .stat-bottom{margin-top:5px;min-height:0}html[data-layout=mobile] .stat-bottom>span:first-child{display:none}html[data-layout=mobile] .stat-bottom .arrow{display:none}html[data-layout=mobile] .grid.two,html[data-layout=mobile] .grid.cols,html[data-layout=mobile] .grid.three{grid-template-columns:minmax(0,1fr);gap:12px}html[data-layout=mobile] .space-bottom{margin-bottom:18px}html[data-layout=mobile] .section-head{margin-bottom:12px}html[data-layout=mobile] .section-head .eyebrow{font-size:10px;letter-spacing:1px}html[data-layout=mobile] .aspect-tabs{gap:4px;padding:4px;border-radius:12px;margin-bottom:13px;scrollbar-width:none}html[data-layout=mobile] .aspect-tab{flex:none;gap:6px;min-height:43px;padding:9px 12px;font-size:12px}html[data-layout=mobile] .aspect-tab>svg{width:16px;height:16px}html[data-layout=mobile] .aspect-stats{gap:9px;margin-bottom:12px}html[data-layout=mobile] .aspect-stats>div{padding:13px}html[data-layout=mobile] .aspect-stats strong{font-size:24px}html[data-layout=mobile] .aspect-stats span{font-size:11px}html[data-layout=mobile] .donut-box{gap:18px;min-height:140px}html[data-layout=mobile] .donut-ring{width:120px;height:120px;flex:none}html[data-layout=mobile] .donut-center strong{font-size:26px}html[data-layout=mobile] .donut-center small{font-size:11px}html[data-layout=mobile] .legend-row{min-height:44px;font-size:12px;gap:8px}html[data-layout=mobile] .legend-row .label{white-space:normal;overflow-wrap:anywhere}html[data-layout=mobile] .bar-row{min-height:44px;padding:5px 0}html[data-layout=mobile] .bar-label{font-size:12px;line-height:1.45;gap:10px;align-items:flex-start}html[data-layout=mobile] .bar-label>span{min-width:0;overflow-wrap:anywhere}html[data-layout=mobile] .bar-label>strong{flex:none}html[data-layout=mobile] .chart-note{font-size:11px;line-height:1.55;margin-top:10px;gap:8px;flex-wrap:wrap}html[data-layout=mobile] .chart-controls{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}html[data-layout=mobile] .chart-controls>.field:first-child{grid-column:1/-1}html[data-layout=mobile] .chart-controls label{font-size:12px}html[data-layout=mobile] .line-chart{width:100%;height:auto}html[data-layout=mobile] .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}html[data-layout=mobile] .table{font-size:12px}html[data-layout=mobile] .table th{font-size:10px;letter-spacing:.3px;white-space:normal;line-height:1.4;min-width:76px;padding:10px 8px}html[data-layout=mobile] .table td{padding:10px 8px;min-width:76px}html[data-layout=mobile] .table td:first-child{min-width:128px;white-space:normal;overflow-wrap:anywhere}html[data-layout=mobile] .data-number{min-width:44px;min-height:44px}html[data-layout=mobile] .coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html[data-layout=mobile] .coverage-tile{padding:12px;gap:8px;min-height:80px}html[data-layout=mobile] .coverage-tile>svg:last-child{display:none}html[data-layout=mobile] .coverage-tile small{font-size:11px}html[data-layout=mobile] .coverage-tile strong{font-size:19px}html[data-layout=mobile] .coverage-icon{width:30px;height:30px;flex:none}html[data-layout=mobile] .coverage-icon svg{width:18px;height:18px}html[data-layout=mobile] .app-foot{margin-top:18px;font-size:10px;padding:12px 0}html[data-layout=mobile] .app-foot>span:last-child{display:none}html[data-layout=mobile] .notice{font-size:12px;line-height:1.55;padding:12px;border-radius:11px}html[data-layout=mobile] .sample-mode-banner{padding:11px;gap:8px;flex-wrap:wrap;margin-bottom:15px}html[data-layout=mobile] .sample-mode-banner small{display:none}html[data-layout=mobile] .sample-mode-banner strong{font-size:12px}html[data-layout=mobile] .sample-mode-banner .button{min-height:35px;padding:6px 10px;font-size:11px}html[data-layout=mobile] .source-tabs{min-height:38px}html[data-layout=mobile] .source-tabs .button{min-height:38px;font-size:11px;padding:6px 9px}html[data-layout=mobile] .update-caption{display:none}html[data-layout=mobile] .dashboard-controls{margin-bottom:13px}html[data-layout=mobile] .bottom-nav214{position:fixed;display:flex;inset:auto 0 0;height:calc(67px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);z-index:42;box-shadow:0 -4px 25px #082e2b08}html[data-layout=mobile] .bottom-item214{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:none;border:0;border-radius:12px;color:var(--muted);font:inherit;cursor:pointer;min-height:52px}html[data-layout=mobile] .bottom-item214 svg{width:22px;height:22px}html[data-layout=mobile] .bottom-item214 span{font-size:10px;line-height:1.2}html[data-layout=mobile] .bottom-item214.active{color:var(--green);background:var(--mint);font-weight:700}html[data-layout=mobile][data-keyboard=open] .bottom-nav214,html[data-layout=mobile] body.body-locked .bottom-nav214{display:none}html[data-layout=mobile] .hub-grid214{grid-template-columns:1fr;gap:8px}html[data-layout=mobile] .hub-item214{padding:13px;min-height:74px}html[data-layout=mobile] .data-hub214>section{margin-bottom:22px}html[data-layout=mobile] .data-hub214 h2{font-size:10px;letter-spacing:1px;margin-bottom:10px}html[data-layout=mobile] .hub-item214 strong{font-size:14px}html[data-layout=mobile] .dialog-backdrop{padding:0;align-items:stretch}html[data-layout=mobile] .dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}html[data-layout=mobile] .dialog-head{padding:14px;gap:9px;align-items:flex-start}html[data-layout=mobile] .dialog-head h2{font-size:19px;margin-top:4px}html[data-layout=mobile] .dialog-head p{font-size:11px;line-height:1.4}html[data-layout=mobile] .dialog-content{padding:16px;min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:contain}html[data-layout=mobile] .form-grid{grid-template-columns:1fr;gap:17px}html[data-layout=mobile] .field>label{font-size:13px;margin-bottom:7px}html[data-layout=mobile] .form-actions{position:sticky;bottom:-16px;margin:22px -16px -16px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:4;gap:9px}html[data-layout=mobile] .form-actions .button{flex:1;min-height:47px}html[data-layout=mobile] .structure-board{grid-template-columns:1fr;gap:12px}html[data-layout=mobile] .structure-group{padding:14px;border-radius:13px}html[data-layout=mobile] .structure-person{min-height:58px}html[data-layout=mobile] .drive-input214{gap:7px}html[data-layout=mobile] .drive-input214 .button{width:46px;min-width:46px;min-height:46px;padding:10px}html[data-layout=mobile] .drive-input214 .button span{display:none}html[data-layout=mobile] .drive-help214>summary{width:40px;height:40px}html[data-layout=mobile] .drive-help214>div{left:-185px;max-width:calc(100vw - 40px)}html[data-layout=mobile] .document-card214{padding:12px;gap:10px}html[data-layout=mobile] .document-card214 strong{font-size:13px}html[data-layout=mobile] .document-card214 .button{font-size:12px;min-height:42px}html[data-layout=mobile] .program-card214{padding:13px}html[data-layout=mobile] .login-v3{display:block;min-height:100dvh}html[data-layout=mobile] .login-v3 .login-story{display:none}html[data-layout=mobile] .login-v3 .login-main{min-height:100dvh;padding:24px 22px;justify-content:center}html[data-layout=mobile] .login-v3 .login-box{max-width:440px}html[data-layout=mobile] .login-intro{margin-top:22px}html[data-layout=mobile] .login-v3 .login-box h2{font-size:27px;line-height:1.2;margin:9px 0}html[data-layout=mobile] .login-intro>p{font-size:13px;line-height:1.55;margin-bottom:0}html[data-layout=mobile] .login-portals{margin:21px 0}html[data-layout=mobile] .login-v3 .portal-button{min-height:46px;font-size:13px}html[data-layout=mobile] .login-v3 .login-submit{min-height:48px}html[data-layout=mobile] .login-v3 .field label{font-size:13px}html[data-layout=mobile] .login-card-top{padding-bottom:18px}html[data-layout=mobile] .studio-grid{grid-template-columns:1fr}html[data-layout=mobile] .studio-section{padding:14px}html[data-layout=mobile] .studio-themes{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout=mobile] .login-stage .login-v5 .login-card-top{display:flex;align-items:center;gap:12px;padding-bottom:16px}html[data-layout=mobile] .login-stage .login-v5 .login-card-top>span:nth-child(2){display:none}html[data-layout=mobile] .login-stage .login-v5 .login-card-edition{display:block;font-size:22px;font-weight:800;letter-spacing:-.7px;line-height:1.3;margin:0;padding:0;border:0;background:transparent!important;color:var(--ink)!important}html[data-layout=mobile].login-keyboard .login-stage .login-v5 .login-card-top{display:none}
@media print{.bottom-nav214,.drive-help214,.drive-status214,.drive-settings214{display:none!important}.heading-icon214{background:none;margin-right:6px}.document-card214{break-inside:avoid}.document-actions214 a{color:inherit!important;text-decoration:underline}.layout{padding-bottom:0!important}}

/* SIKIU 2.15: yayasan, navigasi cepat, dan animasi ringan. */
.foundation-scope215{display:flex;align-items:center;gap:12px;padding:13px 16px;margin:-2px 0 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 4px 20px #082e2b05;min-width:0}.foundation-scope-icon215{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--green);flex:none}.foundation-scope-icon215 svg{width:22px;height:22px}.foundation-scope215 label{font-size:10px;display:block;color:var(--muted);margin-bottom:2px;font-weight:600}.foundation-scope215 .select{border:0;background:transparent;padding:2px 26px 2px 0;min-height:30px;font-size:14px;font-weight:650;max-width:480px;width:100%;text-overflow:ellipsis;white-space:nowrap}.foundation-scope-count215{font-size:11px;color:var(--muted);white-space:nowrap}.foundation-grid215{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.foundation-card215{padding:20px;display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:15px;min-width:0}.foundation-card-icon215{background:var(--mint);color:var(--green);border-radius:12px;width:45px;height:45px;display:grid;place-items:center;flex:none}.foundation-card-icon215 svg{width:24px;height:24px}.foundation-card215 h3{font-size:16px;line-height:1.45;overflow-wrap:anywhere}.foundation-card215 p{font-size:12px;color:var(--muted);margin:5px 0}.foundation-card215 small{color:var(--green);font-size:11px;overflow-wrap:anywhere}.foundation-card215 .gap-top{margin-top:14px;gap:7px}.foundation-tag215{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:11px;margin-bottom:8px;line-height:1.5}.foundation-tag215 svg{width:15px;height:15px}.structure-foundations215{display:grid;gap:25px}.structure-foundation-title215{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:14px;color:var(--green)}.structure-foundation-title215 svg{width:20px;height:20px}.route-skeleton215{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.route-skeleton215>div{height:130px;border:1px solid var(--line);background:linear-gradient(100deg,var(--surface),var(--surface2),var(--surface));background-size:200% 100%;border-radius:16px;animation:shimmer 1.2s linear infinite}.route-skeleton215>div:last-child{grid-column:1/-1;height:230px}body[data-route-loading=true] .topbar:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:routeProgress215 1.1s ease-in-out infinite}.navigation-instant>.fade-in{animation:workspaceArrive .18s ease both}.surface-reveal{animation-duration:.32s}.stat-value [data-count]{font-variant-numeric:tabular-nums}.foundation-scope215+.fade-in{min-width:0}@keyframes routeProgress215{from{background-position:-65% 0}to{background-position:165% 0}}
html[data-layout=mobile] .foundation-scope215{padding:10px 12px;gap:9px;margin:0 0 16px;border-radius:13px}html[data-layout=mobile] .foundation-scope215 .select{font-size:16px;min-height:37px;padding-right:22px;max-width:100%}html[data-layout=mobile] .foundation-scope215 label{font-size:10px}html[data-layout=mobile] .foundation-scope-icon215{width:33px;height:36px}html[data-layout=mobile] .foundation-scope-count215{display:none}html[data-layout=mobile] .foundation-scope215 .icon-button{min-width:42px;width:42px;padding:8px}html[data-layout=mobile] .foundation-grid215{grid-template-columns:minmax(0,1fr);gap:11px}html[data-layout=mobile] .foundation-card215{padding:15px;gap:11px}html[data-layout=mobile] .foundation-card215 h3{font-size:15px}html[data-layout=mobile] .foundation-card215 .button{font-size:12px;min-height:42px;padding:8px 10px}html[data-layout=mobile] .foundation-card-icon215{width:35px;height:39px;border-radius:10px}html[data-layout=mobile] .foundation-card-icon215 svg{width:21px;height:21px}html[data-layout=mobile] .route-skeleton215{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-layout=mobile] .route-skeleton215>div{height:105px}.foundation-scope215 .grow{min-width:0}.foundation-scope215 select{overflow:hidden}
@media(prefers-reduced-motion:reduce){.route-skeleton215>div,body[data-route-loading=true] .topbar:after,.surface-reveal,.navigation-instant>.fade-in{animation:none!important}.foundation-scope215,.foundation-card215{scroll-behavior:auto}}
@media(max-width:360px){html[data-layout=mobile] .foundation-scope-icon215{display:none}}
@media print{.foundation-scope215,.route-skeleton215{display:none!important}.foundation-card215{break-inside:avoid}}

/* SIKIU 2.16.1 · yayasan otomatis dan ilustrasi dashboard. */
.brand-sika,.login-stage .login-v5 .brand-sika,.sidebar .sidebar-brand .brand-sika{color:#fff!important}
.brand-iu,.login-stage .login-v5 .brand-iu,.sidebar .sidebar-brand .brand-iu{color:#B5D11C!important}
.brand-wordmark216{display:inline-flex;white-space:nowrap;background:#0A3028;padding:3px 7px;border-radius:5px;font:inherit;line-height:1.2;letter-spacing:-.6px}
html[data-layout=mobile] .mobile-brand{display:inline-flex;white-space:nowrap;background:#0A3028;padding:5px 8px;border-radius:7px;line-height:1.2;letter-spacing:-.6px}
.login-stage .login-v5 .login-card-edition{background:#0A3028!important;padding:5px 8px!important;border-radius:7px}
.foundation-single-label216{display:block;font-size:10px;color:var(--muted);font-weight:600;margin-bottom:4px}
.foundation-single-name216{display:block;font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}
.dashboard-art216{position:relative;display:block;flex:none;pointer-events:none;isolation:isolate;overflow:visible}
.dashboard-art216:before{content:'';position:absolute;inset:20% 8% 3%;background:radial-gradient(ellipse,color-mix(in srgb,var(--campus-light) 36%,transparent),transparent 73%);border-radius:50%;z-index:-1}
.dashboard-art216 img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 4px #103f3424);transform-origin:50% 80%}
.dashboard-art216.art-unavailable216 img{visibility:hidden}
.dashboard-art216.art-visible216:not(.art-static216) img{animation:dashboard-art-arrive216 .75s cubic-bezier(.22,1,.36,1) both,dashboard-art-float216 6s ease-in-out .75s 2 alternate}
.dashboard-art216.art-static216 img{animation:none!important}
.dashboard-hero-art216{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:29%;max-width:315px;min-width:160px;height:174px;z-index:1}
.dashboard-art-hero216{width:100%;height:100%}
.dashboard-art-hero216 img{mask-image:radial-gradient(ellipse,#000 62%,transparent 91%);filter:drop-shadow(0 12px 9px #001d2c40)}
.dashboard-art-caption216{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;line-height:1.4;color:#d5e6d9;opacity:.8;pointer-events:none}
.dashboard-profile216{position:absolute;right:0;bottom:4px}
.dashboard-profile216 .avatar-photo.hero-photo{width:42px;height:42px;margin:0;border-radius:12px;background:var(--deep)}
.campus-dashboard-hero:has(.dashboard-hero-art216)>div:first-child{max-width:68%}
.national-hero .dashboard-hero-art216{width:24%;min-width:140px;height:150px}
.national-hero .hero-meta{flex:none}
@keyframes dashboard-art-arrive216{from{opacity:.2;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dashboard-art-float216{from{transform:translateY(0)}to{transform:translateY(-5px)}}

@media(max-width:800px){.dashboard-hero-art216{width:31%;min-width:100px;height:130px}.campus-dashboard-hero:has(.dashboard-hero-art216){gap:10px}.campus-dashboard-hero:has(.dashboard-hero-art216)>div:first-child{max-width:none;flex:1;min-width:0}.national-hero .dashboard-hero-art216{width:28%;min-width:90px;height:125px}.national-hero:has(.dashboard-hero-art216)>div:first-child{flex:1;min-width:0}.dashboard-art-caption216{font-size:8px}.dashboard-profile216 .avatar-photo.hero-photo{width:32px;height:32px;border-radius:9px}}
@media(max-width:360px){.dashboard-hero-art216,.national-hero .dashboard-hero-art216{min-width:78px;width:28%;height:112px}.dashboard-art-caption216{font-size:7px}.campus-dashboard-hero:has(.dashboard-hero-art216) h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.dashboard-art216 img{animation:none!important;transform:none!important}}
@media print{.dashboard-art216,.dashboard-hero-art216{display:none!important}}


/* SIKIU Cloudflare staging: Data Asli is read-only until backend CRUD is migrated. */
body[data-real-stage] #real-mode-ribbon{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:110;max-width:calc(100% - 24px);padding:7px 13px;border-radius:90px;background:#fff8dc;border:1px solid #e5ce8c;box-shadow:0 5px 20px #0002;color:#6a4b11;text-align:center;font:600 11px/1.4 Inter,system-ui,sans-serif;pointer-events:none;}
body[data-data-mode=sample] #real-mode-ribbon{background:#e7f4ff;color:#145176;border-color:#b3daf4;}
@media(max-width:760px){body[data-real-stage] #real-mode-ribbon{bottom:75px;font-size:10px;}}