@charset "UTF-8";:root{--navy: #102f56;--navy-2: #173f70;--blue: #2f6fed;--cyan: #31b7c9;--mint: #18a572;--amber: #e9a23b;--red: #d94b57;--purple: #7657d9;--ink: #17243a;--muted: #68758a;--bg: #f5f7fb;--panel: #ffffff;--panel-2: #f8fafc;--line: #e5eaf1;--soft: #eef3f8;--shadow: 0 14px 38px rgba(16, 47, 86, .1);--shadow2: 0 6px 20px rgba(18, 35, 61, .08);--radius: 18px;--sidebar: 258px;--top: 76px;--ease: cubic-bezier(.2, .7, .2, 1);--font: "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif}[data-theme=dark]{--bg: #0c1420;--panel: #101c2b;--panel-2: #132235;--line: #21344b;--soft: #17283c;--ink: #eaf1fa;--muted: #9eacc0;--shadow: 0 14px 38px rgba(0, 0, 0, .28);--shadow2: 0 6px 20px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.grow{flex:1;min-width:0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.section-gap{margin-top:16px}.mt{margin-top:12px}.mb0{margin-bottom:0!important}.loading,.empty{text-align:center;padding:34px;color:var(--muted)}.error-text{color:#b52d3a;font-size:12px;font-weight:700}.help{color:var(--muted);font-size:12px}code{font-family:ui-monospace,Consolas,monospace;font-size:11.5px;background:var(--soft);padding:1px 5px;border-radius:5px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:linear-gradient(135deg,#0e2b51,#173e6c 46%,#edf5fb 46%,#f8fbfd);position:relative;overflow:hidden}.login-art{padding:7vw 6vw;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}.login-art:before,.login-art:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.22;background:#fff}.login-art:before{width:260px;height:260px;left:-70px;top:52%}.login-art:after{width:180px;height:180px;right:9%;top:12%}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#fff,#cce7f4);display:grid;place-items:center;color:var(--navy);font-weight:900;box-shadow:0 10px 30px #00000029;flex:none}.brand-mark span{font-size:19px}.login-art h1{font-size:clamp(34px,4.8vw,66px);line-height:1.06;margin:0 0 18px;max-width:760px}.login-art p{font-size:17px;max-width:650px;opacity:.85}.login-kpis{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.login-kpi{padding:12px 16px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px}.login-card-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:min(480px,94vw);padding:34px;background:#fffffff0;border:1px solid rgba(16,47,86,.09);border-radius:26px;box-shadow:0 26px 80px #102f5633;animation:rise .7s var(--ease) both;color:#17243a}.login-card h2{font-size:28px;margin:0 0 8px}.login-card .muted{color:#68758a}.login-card .input,.login-card .select,.login-card .field input{background:#fff;color:#17243a;border-color:#dfe5ed}.role-pills{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 20px}.role-pill{border:1px solid #dfe5ed;background:#f7f9fc;color:#526176;border-radius:999px;padding:7px 10px;font-size:12px}.role-pill:hover{border-color:#9bb3da;background:#eef4ff;color:#254c87}.field{display:flex;flex-direction:column;gap:7px;margin:10px 0}.field>span,.field>label{font-weight:700;font-size:13px}.field .req{color:var(--red)}.input,.select,.textarea,.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:11px 13px;outline:none;transition:.2s}.input:focus,.select:focus,.textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2f6fed1f}input:disabled,select:disabled,textarea:disabled{opacity:.7;background:var(--panel-2)}textarea,.textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.check-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.check-label input{width:17px;height:17px;accent-color:var(--mint)}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .16s,box-shadow .16s,background .16s,color .16s;text-decoration:none;line-height:1.2;background:var(--soft);color:var(--ink)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 18px #102f562e}.btn-primary:hover:not(:disabled){background:#174379;transform:translateY(-1px)}.btn-blue{background:var(--blue);color:#fff}.btn-soft{background:var(--soft);color:var(--ink)}.btn-outline{border:1px solid var(--line);background:var(--panel);color:var(--ink)}.btn-outline:hover:not(:disabled){box-shadow:var(--shadow2)}.btn-danger{background:#fff0f1;color:#b62e3c}.btn-success{background:#e9f8f2;color:#087b56}.btn-ghost{background:transparent}.btn-sm{padding:7px 10px;border-radius:10px;font-size:12px}.btn-link{background:none;color:var(--blue);padding:0;font-weight:700}.btn-hero{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.main-app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:var(--navy);color:#fff;padding:20px 14px;z-index:30;display:flex;flex-direction:column;box-shadow:10px 0 30px #102f5614;transition:transform .3s var(--ease);overflow-y:auto}.sidebar .brand{padding:4px 9px 20px}.sidebar .brand-mark{width:38px;height:38px}.sidebar .brand small{display:block;opacity:.58;font-weight:600;font-size:11px}.side-section{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;opacity:.52;padding:13px 12px 7px}.nav{display:flex;flex-direction:column;gap:4px}.nav-btn{width:100%;border:0;background:transparent;color:#ffffffbd;padding:10px 12px;border-radius:11px;text-align:left;display:flex;align-items:center;gap:11px;transition:.18s;text-decoration:none;font-weight:600;cursor:pointer}.nav-btn fh-icon{display:inline-flex;opacity:.85}.nav-btn:hover{background:#ffffff12;color:#fff}.nav-btn.active{background:#ffffff21;color:#fff;box-shadow:inset 3px 0 #74d5df}.nav-btn.disabled-feature{cursor:default}.nav-btn.disabled-feature:hover{background:transparent;color:#ffffffbd}.nav-count{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#ef5a64;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.side-user{display:flex;gap:10px;align-items:center;padding:8px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#67c6d6,#4e7ff0);display:grid;place-items:center;color:#fff;font-weight:900;flex:none}.side-user strong{font-size:13px;display:block}.side-user small{display:block;opacity:.6}.side-actions{display:flex;gap:6px;padding:4px 8px 0}.side-actions .btn{flex:1;background:#ffffff1a;color:#fff}.content-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--top);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);display:flex;align-items:center;gap:12px;padding:0 28px}.mobile-menu{display:none}.search-box{flex:1;max-width:520px;position:relative}.search-box input{padding-left:39px}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);opacity:.45;display:inline-flex}.kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:var(--panel-2);padding:2px 7px;border-radius:6px;font-size:10px;color:var(--muted)}.top-spacer{flex:1}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:grid;place-items:center;position:relative;font-weight:800;font-size:12px}.icon-btn:hover{box-shadow:var(--shadow2)}.lang-switch{display:inline-flex;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:3px;height:40px}.lang-switch button{border:0;background:transparent;color:var(--muted);font-weight:750;font-size:12px;padding:0 12px;border-radius:9px;cursor:pointer;transition:.16s}.lang-switch button.active{background:var(--navy);color:#fff;box-shadow:0 4px 10px #102f562e;cursor:default}.lang-switch button:not(.active):hover{background:var(--soft);color:var(--ink)}.login-card .lang-switch{height:36px}.dot{width:8px;height:8px;background:var(--red);border:2px solid var(--panel);position:absolute;right:8px;top:7px;border-radius:50%}.scrim{position:fixed;inset:0;background:#08142447;z-index:29}.page{padding:28px;max-width:1600px;margin:auto;animation:pageIn .36s var(--ease) backwards}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.page-head h1{font-size:28px;line-height:1.2;margin:0 0 6px;letter-spacing:-.3px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.crumb{font-size:12px;color:var(--muted);margin-bottom:8px}.crumb a{color:var(--muted);font-weight:700}.crumb a:hover{color:var(--blue)}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow2)}.card-pad{padding:18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title h3{margin:0;font-size:16px}.kpi{padding:18px;position:relative;overflow:hidden}.kpi:after{content:"";width:85px;height:85px;border-radius:50%;position:absolute;right:-27px;top:-27px;background:linear-gradient(135deg,rgba(47,111,237,.13),transparent)}.kpi .label{font-size:12px;color:var(--muted);font-weight:650}.kpi .value{font-size:29px;font-weight:850;line-height:1.25;margin:6px 0}.trend{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--mint);font-weight:750}.trend.down{color:var(--red)}.trend.flat{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:760;background:var(--soft);color:var(--ink);white-space:nowrap}.badge.blue{background:#e9f1ff;color:#2b5db9}.badge.green{background:#e9f8f2;color:#087b56}.badge.amber{background:#fff4df;color:#a66508}.badge.red{background:#ffebee;color:#b52d3a}.badge.purple{background:#f0ebff;color:#6846bd}.badge.gray{background:#edf0f4;color:#5b6677}.badge.dark{background:#e8eef6;color:#233a58}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.phase{font-size:9px;padding:2px 6px;border-radius:999px;background:#eee7ff;color:#6846bd;font-weight:800;vertical-align:middle}.disabled-feature{opacity:.55;filter:saturate(.65)}.secure{display:flex;align-items:center;gap:6px;color:#734bba;font-size:11px;font-weight:750}.table-wrap{overflow:auto;border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:720px}th{font-size:11px;text-transform:uppercase;letter-spacing:.65px;color:var(--muted);font-weight:780;text-align:left;background:var(--panel-2);padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--panel-2)}.table-link{font-weight:800;color:var(--ink);cursor:pointer}.table-link:hover{color:var(--blue)}td .primary{font-weight:800}td .sub{color:var(--muted);font-size:12px}.person{display:flex;align-items:center;gap:10px}.person .avatar{width:34px;height:34px;border-radius:10px;font-size:12px}.progress{height:8px;background:var(--soft);border-radius:999px;overflow:hidden}.progress>span{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .85s var(--ease)}.progress.slim{height:6px}.progress.mint>span{background:linear-gradient(90deg,var(--mint),#62dfb4)}.pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px;align-items:center}.filter-bar .input,.filter-bar .select{width:auto;min-width:150px;padding:9px 11px}.filter-bar .grow{flex:1;min-width:200px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.donut{width:190px;height:190px;border-radius:50%;position:relative;margin:8px auto;background:conic-gradient(var(--soft) 0 100%)}.donut:after{content:"";position:absolute;inset:31px;background:var(--panel);border-radius:50%}.donut.sm{width:150px;height:150px}.donut.sm:after{inset:26px}.donut-center{position:absolute;inset:0;z-index:1;display:grid;place-items:center;text-align:center}.donut-center strong{font-size:29px;display:block;line-height:1.1}.donut.sm .donut-center strong{font-size:24px}.bars{display:flex;align-items:flex-end;gap:12px;height:180px;padding:20px 4px 0}.bar-wrap{flex:1;min-width:30px;text-align:center;color:var(--muted);font-size:10px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bar{background:linear-gradient(180deg,var(--blue),#79a6ff);border-radius:9px 9px 3px 3px;transition:height .8s var(--ease);position:relative;min-height:3px}.bar:hover:after{content:attr(data-v);position:absolute;top:-28px;left:50%;transform:translate(-50%);padding:4px 6px;background:var(--ink);color:var(--panel);border-radius:6px;font-size:10px;white-space:nowrap}.bar-label{margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:6px;bottom:9px;width:2px;background:var(--line)}.timeline-item{position:relative;padding:0 0 17px}.timeline-item:before{content:"";position:absolute;left:-20px;top:6px;width:10px;height:10px;background:var(--panel);border:3px solid var(--blue);border-radius:50%}.timeline-item.done:before{background:var(--mint);border-color:var(--mint)}.timeline-item.warn:before{background:var(--amber);border-color:var(--amber)}.timeline-item.danger:before{background:var(--red);border-color:var(--red)}.timeline-item.pending:before{border-color:#b7c2d0}.timeline-item strong{display:block;font-size:13px}.timeline-item small{color:var(--muted)}.timeline-item .detail{color:var(--muted);font-size:12px;white-space:pre-wrap;margin-top:2px}.list-row{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--panel-2);border:1px solid transparent;transition:.16s}.list-row:hover{border-color:var(--line);background:var(--panel)}.list-row strong{font-size:13px}.list-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.list-row.clickable{cursor:pointer}.risk-icon,.task-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;flex:none;background:#fff1e5;color:#a8670c;font-weight:800}.risk-icon.red,.task-icon.red{background:#ffedf0;color:#c43345}.risk-icon.blue,.task-icon.blue{background:#edf3ff;color:#2f6fed}.risk-icon.green,.task-icon.green{background:#e9f8f2;color:#087b56}.check-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:0}.check-row .actions{display:flex;gap:6px}.check{appearance:none;width:20px;height:20px;border:2px solid #b7c2d0;border-radius:6px;display:grid;place-items:center;transition:.15s;margin:0;cursor:pointer}.check:checked{background:var(--mint);border-color:var(--mint)}.check.waived:checked{background:var(--amber);border-color:var(--amber)}.check:checked:after{content:"\2713";color:#fff;font-size:13px;font-weight:900}.check:disabled{cursor:default}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.info-item{padding:11px 12px;background:var(--panel-2);border-radius:12px}.info-item span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.4px}.info-item strong{font-size:13px;word-break:break-word}.note-box{padding:12px 14px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);margin-bottom:8px}.note-box.internal{border-left:3px solid var(--amber)}.note-box .meta{font-size:11px;color:var(--muted);margin-bottom:4px}.note-box .body{white-space:pre-wrap}.tabs{display:flex;gap:5px;overflow:auto;padding:5px;border:1px solid var(--line);background:var(--panel-2);border-radius:13px;margin-bottom:16px}.tab{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:9px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tab.active{background:var(--panel);color:var(--ink);box-shadow:0 2px 8px #142d4e14}.tab .count{background:var(--soft);border-radius:999px;padding:0 7px;font-size:11px}.tab.active .count{background:#e9f1ff;color:#2b5db9}.detail-hero{padding:22px;background:linear-gradient(135deg,var(--navy),#1d538b);color:#fff;border:0;position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;border:46px solid rgba(255,255,255,.07)}.detail-hero .badge{background:#ffffff24;color:#fff}.detail-hero .badge.green{background:#62dfb440;color:#d9fff0}.detail-hero .badge.amber{background:#e9a23b4d;color:#ffe9c2}.detail-hero .badge.red{background:#d94b5759;color:#ffd9dd}.detail-hero .select,.detail-hero select{background:#fff;color:#17243a;border-color:transparent;min-width:210px;width:auto}.detail-hero a{color:#fff;text-decoration:underline;text-decoration-color:#fff6}.hero-top{display:flex;justify-content:space-between;gap:16px;position:relative;z-index:1;flex-wrap:wrap}.hero-title h2{font-size:25px;margin:5px 0}.hero-meta{display:flex;gap:16px;flex-wrap:wrap;opacity:.85;font-size:12px;margin-top:10px}.hero-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.hero-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;position:relative;z-index:1}.hero-kpi{background:#ffffff1a;border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:11px}.hero-kpi span{font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:.4px}.hero-kpi strong{display:block;font-size:19px;margin-top:3px}.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.notice{padding:12px 14px;border-radius:12px;background:#eef5ff;border:1px solid #d9e8ff;color:#325e9a;font-size:12px}.notice.warn{background:#fff6e8;border-color:#ffe1ad;color:#8a5a0d}.notice.danger{background:#fff0f2;border-color:#ffcfd5;color:#a22d3c}.notice.success{background:#e9f8f2;border-color:#b9ead5;color:#087b56}.notice ul{margin:6px 0 0 18px;padding:0}.setting-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.upload-zone{border:1.5px dashed #9db5d0;border-radius:14px;padding:20px;text-align:center;background:var(--panel-2);transition:.2s}.upload-zone:hover{border-color:var(--blue);background:#eef4ff}.audit-row{display:grid;grid-template-columns:150px 150px 1fr;gap:12px;align-items:start;padding:11px 13px;border-bottom:1px solid var(--line);font-size:12px}.audit-row:last-child{border-bottom:0}.audit-action{font-weight:760}.audit-row code{white-space:pre-wrap;word-break:break-all;display:block}.portal-shell{max-width:1180px;margin:auto}.portal-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.portal-banner{background:linear-gradient(135deg,#0d315b,#236a90);color:#fff;padding:25px;border-radius:22px;position:relative;overflow:hidden}.portal-banner:after{content:"\2708";position:absolute;font-size:140px;opacity:.07;right:18px;top:-20px;transform:rotate(-9deg)}.portal-banner h2{font-size:28px;margin:4px 0}.portal-step{margin-top:20px;display:flex;gap:9px;align-items:center}.step-dot{width:11px;height:11px;border-radius:50%;background:#ffffff40;flex:none}.step-dot.done{background:#62dfb4}.step-dot.current{background:#fff;box-shadow:0 0 0 4px #ffffff40}.step-line{height:2px;flex:1;background:#fff3}.step-line.done{background:#62dfb4}.step-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;opacity:.75}.modal-layer{position:fixed;inset:0;background:#0814246b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80;display:grid;place-items:center;padding:20px;animation:fade .2s both}.modal{width:min(720px,96vw);max-height:88vh;overflow:auto;background:var(--panel);border-radius:20px;box-shadow:0 28px 100px #00000047;border:1px solid var(--line);animation:rise .28s var(--ease) both}.modal-head{position:sticky;top:0;background:var(--panel);display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line);z-index:2}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:19px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:15px 19px;border-top:1px solid var(--line)}.toast-wrap{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:430px;background:#17243a;color:#fff;padding:12px 14px;border-radius:13px;box-shadow:0 15px 45px #00000040;display:flex;gap:9px;align-items:flex-start;animation:toastIn .32s var(--ease);cursor:pointer}.toast.success{background:#116b50}.toast.error{background:#a22d3c}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:1100px){.grid-4,.grid-3,.hero-kpis{grid-template-columns:repeat(2,1fr)}.login-screen{grid-template-columns:1fr;background:linear-gradient(155deg,#0e2b51 0 38%,#f6f9fc 38%)}.login-art{min-height:40vh;padding:42px 7vw}.login-art h1{font-size:38px}.login-card-wrap{padding:28px}.portal-hero,.profile-grid{grid-template-columns:1fr}}@media(max-width:860px){:root{--top: 66px}.sidebar{transform:translate(-100%)}.sidebar.open{transform:none}.content-shell{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 14px}.search-box{max-width:none}.search-box .kbd{display:none}.page{padding:18px}.page-head{flex-direction:column}.grid-3,.grid-2,.grid-3[style],.grid-2[style]{grid-template-columns:1fr!important}.form-grid,.audit-row{grid-template-columns:1fr}}@media(max-width:560px){.grid-4{grid-template-columns:1fr}.login-art p,.login-kpis{display:none}.login-art{min-height:31vh}.login-card{padding:24px}.page{padding:13px}.hero-kpis{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}.portal-banner h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.school-logo{border-radius:9px;object-fit:contain;background:#fff;border:1px solid var(--line);flex:none}.school-logo.initials{display:grid;place-items:center;background:linear-gradient(135deg,#f0b35a,#e0667a);color:#fff;font-weight:900;border:0;letter-spacing:.5px}.school-logo.lg{border-radius:18px}.detail-hero .school-logo{border-color:#ffffff40;box-shadow:0 6px 18px #0000002e}.school-picker{position:relative}.school-picker-input{display:flex;align-items:center;gap:8px}.school-picker-input input{flex:1;min-width:0}.school-picker-clear{border:0;background:var(--soft);color:var(--muted);width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:12px;flex:none}.school-picker-clear:hover{color:var(--ink)}.school-picker-menu{position:absolute;z-index:40;top:100%;left:0;right:0;margin-top:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #142d4e29;max-height:290px;overflow:auto;padding:4px}.school-picker-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:7px 9px;border:0;background:transparent;border-radius:9px;cursor:pointer;color:var(--ink);font:inherit}.school-picker-item:hover,.school-picker-item.hl{background:var(--panel-2)}.school-picker-item strong{font-size:13px;display:block}.school-picker-item small{display:block;color:var(--muted);font-size:11px}.school-picker-item.create{color:var(--blue);font-weight:750}.flag{border-radius:3px;box-shadow:0 0 0 1px #0000001f;vertical-align:-2px;object-fit:cover;width:auto}.detail-hero .flag{box-shadow:0 0 0 1px #ffffff59}