@font-face{font-family:Anuphan;src:url(/site-assets/fonts/anuphan-latin.woff2) format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Anuphan;src:url(/site-assets/fonts/anuphan-thai.woff2) format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+0E00-0E7F}:root{--blue:#245CFF;--blue-deep:#1A46D6;--blue-soft:#EAF1FF;--sky:#9DEBFF;--violet:#5B3DF5;--ink:#07080A;--ink2:#2D3035;--paper:#F6F3EC;--shell:#FCFCFD;--card:#FFFFFF;--line:#E7E9EE;--line-paper:#E7E2D4;--text:#101216;--text2:#4B5360;--muted:#7D8593;--gray:#C6CAD2;--ok:#177A4E;--ok-bg:#E4F7EE;--warn:#8A5800;--warn-bg:#FFF4DF;--danger:#C01F55;--danger-bg:#FFE7EF;color:var(--text);background:var(--shell);font-family:Anuphan,Leelawadee UI,Noto Sans Thai,Tahoma,system-ui,sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--shell)}button,input,select,textarea{font:inherit;color:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;color:var(--ink);font-weight:800}p{margin:0}.ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}.tnum{font-variant-numeric:tabular-nums}.tick-tl,.tick-tr,.tick-bl,.tick-br{position:absolute;width:14px;height:14px;pointer-events:none;z-index:3}.tick-tl{top:13px;left:13px;border-top:1.25px solid var(--blue);border-left:1.25px solid var(--blue)}.tick-tr{top:13px;right:13px;border-top:1.25px solid var(--blue);border-right:1.25px solid var(--blue)}.tick-bl{bottom:13px;left:13px;border-bottom:1.25px solid var(--blue);border-left:1.25px solid var(--blue)}.tick-br{bottom:13px;right:13px;border-bottom:1.25px solid var(--blue);border-right:1.25px solid var(--blue)}.cross{position:absolute;width:11px;height:11px;opacity:.65;pointer-events:none}.cross:before,.cross:after{content:"";position:absolute;background:#8aa9e8}.cross:before{left:5px;top:0;width:1px;height:11px}.cross:after{left:0;top:5px;width:11px;height:1px}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;background:var(--paper);color:var(--muted)}.splash img{width:64px;height:64px;animation:pulse 1.3s ease-in-out infinite}.splash b{letter-spacing:.24em;font-size:12px;color:var(--ink)}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.auth{min-height:100vh;display:grid;grid-template-columns:1.02fr .98fr}.auth-brand{position:relative;overflow:hidden;background-color:var(--paper);background-image:linear-gradient(rgba(45,48,53,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(45,48,53,.055) 1px,transparent 1px);background-size:74px 74px;padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;gap:26px;border-right:1px solid var(--line-paper)}.auth-brand>*{position:relative;z-index:3}.auth-art{position:absolute;z-index:1;right:-70px;top:50%;transform:translateY(-50%);width:min(620px,72%);opacity:.9;pointer-events:none}.auth-art svg{width:100%;height:auto;display:block}.auth-rule{position:absolute;z-index:2;background:#d9dee7;pointer-events:none}.auth-rule-v{top:0;bottom:0;width:1px;left:14%}.auth-rule-h{left:0;right:0;height:1px;top:22%}.auth-logo{display:flex;align-items:center;gap:12px;color:var(--ink)}.auth-logo img{width:46px;height:46px;flex:none}.auth-logo div{display:grid;line-height:1.2}.auth-logo b{font-size:15px;letter-spacing:.2em;font-weight:800}.auth-logo small{font-size:9px;letter-spacing:.3em;color:var(--muted)}.auth-brand-body{margin:auto 0;display:grid;gap:18px;max-width:610px}.auth-eyebrow{color:var(--blue);font-weight:750;letter-spacing:.22em;font-size:11px}.auth-wordmark{position:relative;display:inline-flex;align-items:baseline;gap:.22em;font-size:clamp(38px,5.2vw,68px);line-height:1;font-weight:250;letter-spacing:.06em;color:var(--ink)}.auth-wordmark em{font-style:normal;font-weight:250}.auth-wordmark .streak{position:relative;display:inline-block}.auth-wordmark .streak:after{content:"";position:absolute;left:calc(100% + 6px);top:26%;height:48%;width:clamp(46px,7vw,96px);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 4px);-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);opacity:.55}.auth-wordmark-sub{font-size:clamp(12px,1.2vw,15px);letter-spacing:.52em;color:var(--ink2);font-weight:400;margin-top:-2px}.auth-brand-body h1{font-size:clamp(23px,2.4vw,31px);line-height:1.34;font-weight:800}.auth-brand-body h1 em{font-style:normal;color:var(--blue)}.auth-brand-body>p{color:var(--text2);font-size:15px;line-height:1.7;max-width:46ch}.auth-points{list-style:none;padding:0;margin:2px 0 0;display:grid;gap:11px}.auth-points li{position:relative;padding-left:24px;color:var(--text2);font-weight:600;font-size:14px}.auth-points li:before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-top:1.4px solid var(--blue);border-left:1.4px solid var(--blue)}.auth-brand-foot{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.14em}.auth-brand-foot span{display:flex;align-items:center;gap:7px}.auth-brand-foot i{width:5px;height:5px;border-radius:50%;background:var(--blue);display:block}.auth-panel{background:#fff;display:grid;place-items:center;padding:clamp(22px,3.5vw,48px)}.auth-card{width:min(432px,100%);display:grid;gap:0}.auth-card-head{margin-bottom:22px}.auth-card-head small{color:var(--blue);font-weight:750;letter-spacing:.2em;font-size:11px}.auth-card-head h2{font-size:27px;margin:8px 0 6px}.auth-card-head p{color:var(--muted);font-size:13.5px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f4f5f8;border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:20px}.auth-tabs button{border:0;background:transparent;height:38px;border-radius:7px;font-weight:750;font-size:13.5px;color:var(--muted)}.auth-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px -4px #07080a47}.auth-form{display:grid;gap:15px}.field-label{display:grid;gap:9px;font-size:12px;font-weight:750;letter-spacing:.06em;color:#5f6b7c}.field-label .opt{color:var(--muted);font-weight:500;letter-spacing:0}.field{position:relative;display:block}.field input,.field select,.field textarea{width:100%;height:50px;border:1px solid #D7D3C8;border-radius:9px;padding:0 15px;background:#fff;color:var(--text);font-size:15px;font-weight:600;transition:border-color .16s,box-shadow .16s}.field textarea{height:auto;min-height:96px;padding:12px 15px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a6abb4;font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #245cff24}.field.has-ic input{padding-left:44px}.field>.field-ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#a6abb4;pointer-events:none}.field:focus-within>.field-ic{color:var(--blue)}.field-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;background:none;color:#98a0ad;border-radius:8px}.field-eye:hover{background:#f4f5f8;color:var(--ink)}.field:before,.field:after{content:"";position:absolute;width:9px;height:9px;pointer-events:none;opacity:0;transition:opacity .16s;border:1.5px solid var(--blue)}.field:before{top:-3px;left:-3px;border-right:0;border-bottom:0}.field:after{bottom:-3px;right:-3px;border-left:0;border-top:0}.field:focus-within:before,.field:focus-within:after{opacity:1}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.check{display:flex;align-items:center;gap:9px;color:var(--text2);font-weight:600;cursor:pointer}.check input{width:17px;height:17px;accent-color:var(--blue);margin:0}.link-blue{color:var(--blue);font-weight:750;background:none;border:0;padding:0}.link-blue:hover{text-decoration:underline}.btn{min-height:50px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:15px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;box-shadow:0 9px 20px -13px #245cffe6;transition:filter .16s,transform .05s}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;box-shadow:none}.btn span.arrow{transition:transform .16s}.btn:hover span.arrow{transform:translate(3px)}.btn-ghost{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none;font-weight:700}.btn-ghost:hover{background:#f7f8fa;filter:none}.btn-sm{min-height:38px;font-size:13px;border-radius:8px;padding:0 14px}.auth-error{background:var(--danger-bg);border:1px solid #FFC9D9;color:var(--danger);border-radius:9px;padding:11px 13px;font-size:13px;font-weight:700}.auth-hr{display:flex;align-items:center;gap:12px;margin:20px 0 16px;color:var(--muted);font-size:11px;letter-spacing:.16em}.auth-hr:before,.auth-hr:after{content:"";flex:1;height:1px;background:var(--line)}.auth-alt{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-demo{margin-top:20px;border:1px dashed var(--line);border-radius:10px;padding:13px 15px;display:grid;gap:7px;background:#fbfbfc}.auth-demo>b{font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:750}.auth-demo button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:none;padding:5px 0;font-size:12.5px;color:var(--text2);text-align:left}.auth-demo button:hover{color:var(--blue)}.auth-demo code{background:#f1f2f5;border-radius:5px;padding:2px 7px;font-size:11.5px;color:var(--ink)}.auth-foot{margin-top:22px;text-align:center;color:var(--muted);font-size:11.5px;line-height:1.7}@media(max-width:980px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh;align-content:center}}.shell{display:grid;grid-template-columns:262px minmax(0,1fr);min-height:100vh;background:var(--shell)}.side{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);padding:16px 14px 14px;display:flex;flex-direction:column;gap:11px}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);padding:4px 8px 6px}.logo img{width:34px;height:34px;flex:none}.logo div{display:grid;line-height:1.25}.logo b{font-size:13.5px;letter-spacing:.17em;font-weight:800}.logo small{font-size:8.5px;letter-spacing:.26em;color:var(--muted)}.unit{display:flex;align-items:center;gap:10px;min-height:70px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;width:100%}.unit:hover{background:#fafbfc}.unit>i{width:36px;height:36px;flex:none;border-radius:9px;background:var(--blue);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;letter-spacing:.02em}.unit>div{display:grid;gap:1px;min-width:0}.unit small{color:var(--muted);font-size:10px;letter-spacing:.06em}.unit b{color:var(--ink);font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit>.chev{margin-left:auto;color:#949eae;display:grid;place-items:center}.side nav{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:1px;padding:2px 0;scrollbar-width:thin}.side nav::-webkit-scrollbar{width:6px}.side nav::-webkit-scrollbar-thumb{background:#e3e6ec;border-radius:6px}.nav-group{display:flex;align-items:center;gap:8px;padding:14px 12px 6px;color:#9aa2b0;font-size:9.5px;font-weight:750;letter-spacing:.2em}.nav-group:after{content:"";flex:1;height:1px;background:var(--line)}.side nav a{position:relative;min-height:40px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:8px;color:#414854;font-size:13.5px;font-weight:600}.side nav a>i{display:grid;place-items:center;color:#949eae;flex:none}.side nav a:hover{background:#f5f7fa;color:var(--ink)}.side nav a.active{background:var(--blue-soft);color:var(--blue);font-weight:750}.side nav a.active>i{color:var(--blue)}.side nav a.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:2.5px;border-radius:0 3px 3px 0;background:var(--blue)}.nav-badge{margin-left:auto;min-width:22px;height:19px;padding:0 6px;border-radius:20px;background:#f0f2f6;color:var(--text2);font-size:10.5px;font-weight:750;display:grid;place-items:center}.side nav a.active .nav-badge{background:#fff;color:var(--blue)}.nav-badge.hot{background:var(--danger-bg);color:var(--danger)}.side-foot{display:grid;gap:8px;padding-top:4px;border-top:1px solid var(--line)}.side-note{border:1px solid var(--line);border-radius:9px;padding:11px 12px;display:grid;gap:5px;background:#fbfbfc}.side-note div{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--text2);font-weight:650}.side-note b{color:var(--ink);font-size:11px}.side-note .bar{height:6px;border-radius:6px;background:#eceff4;overflow:hidden}.side-note .bar>span{display:block;height:100%;border-radius:6px;background:var(--blue)}.side-note a{color:var(--blue);font-size:11px;font-weight:750}.side-logout{min-height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#454b57;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.side-logout:hover{background:#f7f8fa;color:var(--ink)}main{min-width:0;display:flex;flex-direction:column}.top{height:74px;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 26px}.top-menu{display:none}.search{width:min(430px,38vw);height:42px;flex:none;display:flex;align-items:center;gap:10px;border:1px solid #DEE3EA;border-radius:8px;background:#fff;color:#858d9b;padding:0 13px;text-align:left;font-size:13.5px}.search:hover{border-color:#c9d2e0}.search kbd{margin-left:auto;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:10.5px;font-family:inherit;color:#98a0ad;background:#fafafc}.top-spacer{flex:1}.pill{min-height:35px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #E4E8EE;border-radius:999px;background:#fff;color:#303743;font-size:12px;font-weight:650;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#22a567;box-shadow:0 0 0 3px #ddf5e9;flex:none}.top-clock{display:grid;text-align:right;line-height:1.25;padding-right:2px}.top-clock b{font-size:13px;color:var(--ink);font-weight:750}.top-clock small{font-size:10.5px;color:var(--muted)}.icon-btn{position:relative;width:38px;height:38px;flex:none;border:1px solid #E4E8EE;border-radius:8px;background:#fff;color:#5d6675;display:grid;place-items:center}.icon-btn:hover{background:#f7f8fa;color:var(--ink)}.icon-btn .badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:var(--danger);color:#fff;font-size:10px;font-weight:750;display:grid;place-items:center;border:2px solid #fff}.divider-v{width:1px;height:28px;background:var(--line);flex:none}.userchip{display:flex;align-items:center;gap:9px}.userchip>i{width:36px;height:36px;flex:none;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12.5px}.userchip>div{display:grid;line-height:1.3;max-width:170px}.userchip b{font-size:13px;color:var(--ink);font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userchip small{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top .btn{min-height:42px;font-size:13.5px;border-radius:8px;padding:0 16px;flex:none}.crumbs{height:42px;display:flex;align-items:center;gap:9px;padding:0 26px;background:#fff;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.crumbs b{color:var(--text);font-weight:700}.crumbs .sep{color:#c6cad2}.content{padding:20px 26px 56px;display:grid;gap:16px;align-content:start}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.page-head small{color:var(--blue);font-weight:750;letter-spacing:.2em;font-size:11px}.page-head h1{font-size:clamp(24px,2.2vw,30px);margin:7px 0 4px}.page-head p{color:var(--muted);font-size:13.5px}.hero{position:relative;overflow:hidden;min-height:270px;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1fr) 258px;background-color:#fff;background-image:linear-gradient(rgba(36,92,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,92,255,.035) 1px,transparent 1px);background-size:64px 58px;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #0f172a06}.hero-art{position:absolute;z-index:1;top:0;bottom:0;right:290px;width:360px;pointer-events:none;display:grid;place-items:center}.hero-art svg{width:100%;height:auto}.hero-copy{position:relative;z-index:3;max-width:600px;display:grid;gap:9px;align-content:center;justify-items:start}.hero-copy>small{color:var(--blue);font-weight:750;letter-spacing:.2em;font-size:11px}.hero-copy h1{font-size:clamp(28px,2.6vw,37px);line-height:1.15}.hero-lead{font-size:clamp(16px,1.4vw,19px);line-height:1.5;font-weight:700;color:#222831;max-width:560px}.hero-lead em{font-style:normal;color:var(--blue)}.hero-sub{color:var(--muted);font-size:14px;line-height:1.6;max-width:430px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.hero-side{position:relative;z-index:3;align-self:stretch;margin:18px 0;padding-left:24px;display:grid;gap:11px;align-content:center;border-left:1px solid #D9DEE7;background:linear-gradient(90deg,#ffffffc7,#fff 22%)}.hero-side:before,.hero-side:after{content:"";position:absolute;left:-2px;width:3px;height:3px;border-radius:50%;background:#667183}.hero-side:before{top:0}.hero-side:after{bottom:0}.hero-side-top{display:flex;align-items:center;gap:10px;color:#4e5664;font-weight:700;font-size:13.5px}.hero-num{font-size:clamp(27px,2.2vw,34px);line-height:1.1;font-weight:750;color:#929aa8}.hero-num b{color:var(--ink);font-weight:800}.hero-num-label{color:var(--muted);font-size:12px;line-height:1.5;margin-top:-5px}.hero-mini{position:relative;margin-left:-24px;padding:14px 0 0 24px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #D9DEE7}.hero-mini span{display:grid;gap:2px}.hero-mini span+span{border-left:1px solid #D9DEE7;padding-left:16px}.hero-mini b{font-size:20px;font-weight:800;color:var(--ink);line-height:1.25}.hero-mini small{color:var(--muted);font-size:12px}.chip-ic{width:34px;height:34px;flex:none;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.kpi{position:relative;overflow:hidden;min-height:112px;padding:16px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 1px 2px #0f172a06}.kpi-body{display:grid;gap:2px;min-width:0}.kpi-body>span{color:#555e6c;font-weight:700;font-size:13px;white-space:nowrap}.kpi-body>b{color:var(--ink);font-size:22px;line-height:1.3;font-weight:800}.kpi-body>small{color:#858e9d;font-size:12px;white-space:nowrap}.kpi-body>small em{font-style:normal;font-weight:750}.kpi-body>small em.up{color:var(--ok)}.kpi-body>small em.down{color:var(--danger)}.kpi-deco{position:absolute;right:12px;top:50%;width:56px;height:62px;transform:translateY(-50%);background-image:radial-gradient(#BFC9DA 1.15px,transparent 1.2px);background-size:8px 8px;opacity:.55;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 72% 50%,#000 0 46%,transparent 80%);mask-image:radial-gradient(ellipse at 72% 50%,#000 0 46%,transparent 80%)}.kpi.deco-blue .kpi-deco{background-image:radial-gradient(var(--blue) 1.15px,transparent 1.25px);opacity:.55}.block{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #0f172a06}.block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px 12px}.block-head h2{font-size:18px}.block-head p{margin-top:3px;color:var(--muted);font-size:12px}.block-head a,.block-head .link-blue{color:var(--blue);font-size:13px;font-weight:750}.block-dots{position:absolute;bottom:10px;right:12px;width:70px;height:58px;background-image:radial-gradient(var(--blue) 1.25px,transparent 1.35px);background-size:8px 8px;opacity:.5;clip-path:polygon(100% 0,0 100%,100% 100%);pointer-events:none}.block-body{padding:0 22px 20px}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:start}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;color:var(--muted);font-size:10.5px;font-weight:750;letter-spacing:.1em;padding:9px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfbfc;white-space:nowrap}.tbl td{padding:12px 14px;border-bottom:1px solid #EDF0F4;color:var(--text2);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:#fafbfd}.tbl b{color:var(--ink);font-weight:750}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.cell-2{display:grid;gap:2px}.cell-2 small{color:var(--muted);font-size:11.5px}.case-no{font-variant-numeric:tabular-nums;font-weight:750;color:var(--ink)}.case-no small{display:block;color:var(--muted);font-weight:600;font-size:11px}.tag{display:inline-flex;align-items:center;gap:6px;height:23px;padding:0 9px;border-radius:20px;font-size:11px;font-weight:750;white-space:nowrap}.tag.blue{background:var(--blue-soft);color:var(--blue)}.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.tag.danger{background:var(--danger-bg);color:var(--danger)}.tag.gray{background:#f0f2f6;color:var(--text2)}.tag.violet{background:#efebff;color:var(--violet)}.tag i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}.agenda{display:grid}.agenda-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:13px 22px;border-top:1px solid #EDF0F4;align-items:start}.agenda-row:first-child{border-top:1px solid var(--line)}.agenda-time{display:grid;gap:2px;text-align:right;padding-top:1px}.agenda-time b{font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:750}.agenda-time small{font-size:10.5px;color:var(--muted)}.agenda-body{display:grid;gap:4px;min-width:0}.agenda-body b{font-size:13.5px;color:var(--ink);font-weight:700}.agenda-body small{color:var(--muted);font-size:12px}.agenda-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px}.empty{display:grid;justify-items:center;gap:12px;padding:38px 20px 30px;text-align:center}.empty p{color:#646d7b;font-weight:600}.empty small{color:var(--muted);font-size:12.5px;max-width:44ch}.stub{position:relative;min-height:340px;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;background-color:#fff;background-image:linear-gradient(rgba(36,92,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,92,255,.035) 1px,transparent 1px);background-size:52px 52px;border:1px solid var(--line);border-radius:10px;padding:40px 24px}.stub-ic{width:56px;height:56px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.stub h2{font-size:22px}.stub p{color:var(--muted);font-size:13.5px;max-width:52ch;line-height:1.7}.stub-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.sel{position:relative;display:block}.sel-btn{width:100%;height:50px;border:1px solid #D7D3C8;border-radius:9px;padding:0 15px;background:#fff;color:var(--text);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;transition:border-color .16s,box-shadow .16s}.sel-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-btn.active{border-color:var(--blue);box-shadow:0 0 0 3px #245cff24}.sel-btn:disabled{opacity:.55;cursor:default}.sel-ph{color:#a6abb4;font-weight:500}.sel-caret{color:var(--blue);display:grid;place-items:center;transition:transform .16s;flex:none}.sel.open .sel-caret{transform:rotate(180deg)}.sel:before,.sel:after{content:"";position:absolute;width:9px;height:9px;pointer-events:none;opacity:0;transition:opacity .16s;border:1.5px solid var(--blue)}.sel:before{top:-3px;left:-3px;border-right:0;border-bottom:0}.sel:after{bottom:-3px;right:-3px;border-left:0;border-top:0}.sel.open:before,.sel.open:after{opacity:1}.sel-pop{position:fixed;z-index:320;background:#fff;border:1px solid #D7D3C8;border-radius:11px;box-shadow:0 26px 55px -30px #07080a8c;overflow:hidden;max-height:320px;display:flex;flex-direction:column}.sel-search{height:44px;border:0;border-bottom:1px solid #EEF0EE;padding:0 15px;font-size:14px;font-weight:600;outline:none}.sel-search::placeholder{color:#a6abb4;font-weight:500}.sel-list{overflow:auto;padding:6px}.sel-opt{width:100%;text-align:left;border:0;background:none;border-radius:8px;padding:11px 12px;font-size:14px;font-weight:600;color:#2a2f39;display:flex;justify-content:space-between;align-items:center;gap:8px}.sel-opt:hover{background:#f2f5fb}.sel-opt.sel-active{color:var(--blue);background:var(--blue-soft)}.sel-opt>i{color:var(--blue);display:grid;place-items:center}.sel-empty{padding:16px;text-align:center;color:#a6abb4;font-size:13px}.menu-backdrop{display:none}.toast{position:fixed;right:18px;bottom:18px;z-index:400;background:var(--ink);color:#fff;padding:13px 17px;border-radius:10px;font-size:13px;box-shadow:0 20px 40px -24px #000000b3;animation:toastIn 3.6s forwards}.toast b{display:block;color:var(--sky);font-size:11px;letter-spacing:.14em;margin-bottom:2px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}8%,86%{opacity:1;transform:none}to{opacity:0}}.demobar{display:flex;align-items:center;gap:10px;padding:9px 26px;background:#fff8e6;border-bottom:1px solid #F2E3BC;color:#7a5a00;font-size:12px;font-weight:650}.demobar b{background:#8a5800;color:#fff;border-radius:20px;padding:2px 9px;font-size:10px;letter-spacing:.1em}.demobar span{color:#8b7233}.bellpanel{position:absolute;z-index:50;top:calc(100% + 10px);right:0;width:min(340px,88vw);background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 26px 55px -28px #07080a80;overflow:hidden}.bellpanel>header{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bellpanel>header b{font-size:14px;color:var(--ink);font-weight:800}.bellpanel>header small{color:var(--muted);font-size:11.5px}.bellrow{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:12px 16px;border-bottom:1px solid #F1F3F6}.bellrow.unread{background:#f7f9ff}.bellrow>div{display:grid;gap:2px;min-width:0}.bellrow b{font-size:13px;color:var(--ink);font-weight:700;line-height:1.45}.bellrow small{color:var(--text2);font-size:12px}.bellrow em{font-style:normal;color:var(--muted);font-size:11px;margin-top:2px}.bellpanel>footer{padding:11px 16px;text-align:center}.bellpanel>footer a{color:var(--blue);font-size:12.5px;font-weight:750}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.statrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.stat{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 1px 2px #0f172a06}.stat>div{display:grid;gap:1px;min-width:0}.stat small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat b{color:var(--ink);font-size:20px;font-weight:800;line-height:1.3}.stat em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:750;color:var(--muted);white-space:nowrap}.stat em.up{color:var(--ok)}.stat em.down{color:var(--danger)}.stat em.warn{color:var(--warn)}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:2px}.tb-search{position:relative;display:flex;align-items:center;gap:9px;flex:1;min-width:230px;max-width:420px;height:44px;border:1px solid #DEE3EA;border-radius:9px;background:#fff;padding:0 12px;color:#98a0ad}.tb-search input{flex:1;border:0;outline:none;background:none;font-size:14px;font-weight:600;color:var(--text);min-width:0}.tb-search input::placeholder{color:#a6abb4;font-weight:500}.tb-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #245cff21}.tb-clear{border:0;background:none;color:#98a0ad;font-size:13px;padding:2px 4px}.tb-filter .sel-btn{height:44px;border-color:#dee3ea;font-size:14px}.tb-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tbl tr.row-click{cursor:pointer}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;flex-wrap:wrap}.pager b{color:var(--text);font-weight:750}.pager-btns{display:flex;gap:5px;align-items:center}.pager-btns button{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text2);font-size:12.5px;font-weight:700}.pager-btns button:hover:not(:disabled){background:#f7f8fa;color:var(--ink)}.pager-btns button.active{background:var(--blue);border-color:var(--blue);color:#fff}.pager-btns button:disabled{opacity:.4}.pager-gap{color:#b6bcc7;padding:0 2px}.drawer-wrap{position:fixed;inset:0;z-index:350;background:#080f1e66;display:flex;justify-content:flex-end}.drawer{position:relative;width:min(620px,100%);background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:-24px 0 60px -30px #080f1e80;animation:drawerIn .2s ease}@keyframes drawerIn{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}.drawer>header,.modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px 14px;border-bottom:1px solid var(--line)}.drawer>header b,.modal>header b{display:block;font-size:17px;color:var(--ink);font-weight:800}.drawer>header small,.modal>header small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}.drawer-tabs{display:flex;gap:4px;padding:10px 18px 0;border-bottom:1px solid var(--line);overflow-x:auto}.drawer-tabs button{border:0;background:none;padding:9px 12px;border-radius:8px 8px 0 0;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.drawer-tabs button:hover{color:var(--ink);background:#f7f8fa}.drawer-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.drawer-body{flex:1;overflow-y:auto;padding:20px 24px;display:grid;gap:16px;align-content:start}.drawer-foot,.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 24px;border-top:1px solid var(--line);background:#fbfbfc}.modal-wrap{position:fixed;inset:0;z-index:350;background:#080f1e73;display:grid;place-items:center;padding:16px;overflow:auto}.modal{position:relative;width:min(560px,100%);max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 40px 80px -40px #080f1e99}.modal-wide{width:min(880px,100%)}.modal-body{flex:1;overflow-y:auto;padding:20px 24px;display:grid;gap:15px}.dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:0}.dl>div{display:grid;gap:3px;min-width:0}.dl dt{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em}.dl dd{margin:0;color:var(--text);font-size:14px;font-weight:650;line-height:1.5;word-break:break-word}.dl-1 .dl{grid-template-columns:1fr}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:2px}.timeline li{position:relative;padding:0 0 18px 26px;border-left:1.5px solid var(--line);margin-left:5px}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.tl-dot{position:absolute;left:-6.5px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;border:2.5px solid var(--blue)}.timeline b{display:block;font-size:13.5px;color:var(--ink);font-weight:750}.timeline small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.timeline p{margin:5px 0 0;color:var(--text2);font-size:12.5px;line-height:1.55;background:#fafafc;border:1px solid var(--line);border-radius:7px;padding:7px 10px}.chart{display:grid;gap:8px}.chart-svg{width:100%;display:block}.chart-legend{display:flex;gap:16px;color:var(--text2);font-size:12px;font-weight:650}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:9px;height:9px;border-radius:2px;display:block}.chart-x{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.chart-x span{flex:1;text-align:center}.donut{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.donut-num{font-size:19px;font-weight:800;fill:var(--ink)}.donut-lbl{font-size:10px;fill:var(--muted)}.donut ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;flex:1;min-width:190px}.donut li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text2);font-weight:600}.donut li i{width:9px;height:9px;border-radius:2px;flex:none}.donut li b{margin-left:auto;color:var(--ink);font-weight:750}.barlist{list-style:none;margin:0;padding:0;display:grid;gap:11px}.barlist li{display:grid;grid-template-columns:170px 1fr 60px;align-items:center;gap:12px;font-size:13px;color:var(--text2);font-weight:600}.barlist-track{height:8px;border-radius:8px;background:#eef0f4;overflow:hidden}.barlist-track em{display:block;height:100%;border-radius:8px}.barlist b{text-align:right;color:var(--ink);font-weight:750}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.klane{background:#f7f8fa;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:9px;align-content:start;min-height:220px}.klane-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;color:var(--ink);padding:0 2px}.klane-head span{margin-left:auto;min-width:22px;height:20px;padding:0 7px;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--text2);font-size:11px;display:grid;place-items:center}.kcard{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;display:grid;gap:7px;box-shadow:0 1px 2px #0f172a08;text-align:left;width:100%}.kcard:hover{border-color:#c9d2e0}.kcard b{font-size:13px;color:var(--ink);font-weight:700;line-height:1.45}.kcard-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11.5px}.kcard-meta .case-ref{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text2)}.calwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.cal{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.cal-dow{padding:9px 8px;background:#fbfbfc;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:750;text-align:center}.cal-cell{min-height:104px;padding:7px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:4px;align-content:start;background:#fff;text-align:left}.cal-cell:hover{background:#fafbfd}.cal-cell.other{background:#fcfcfd}.cal-cell.today{background:var(--blue-soft)}.cal-cell.selected{box-shadow:inset 0 0 0 2px var(--blue)}.cal-day{font-size:12px;font-weight:750;color:var(--text2);display:flex;align-items:center;gap:5px}.cal-cell.today .cal-day{color:var(--blue)}.cal-day em{font-style:normal;margin-left:auto;font-size:10px;color:var(--muted)}.cal-ev{font-size:10.5px;font-weight:650;color:var(--blue);background:var(--blue-soft);border-radius:5px;padding:3px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-ev.v2{color:var(--violet);background:#efebff}.cal-more{font-size:10.5px;color:var(--muted);padding-left:2px}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:12px}.tile{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:grid;gap:9px;box-shadow:0 1px 2px #0f172a06;text-align:left}.tile:hover{border-color:#c9d2e0}.tile-head{display:flex;align-items:flex-start;gap:11px}.tile-head>div{display:grid;gap:2px;min-width:0}.tile-head b{font-size:15px;color:var(--ink);font-weight:800}.tile-head small{color:var(--muted);font-size:12px}.tile-people{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:10px}.tile-people div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text2)}.tile-people i{width:22px;height:22px;border-radius:50%;background:#f0f2f6;color:var(--text2);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:750;flex:none}.tile-people div.chief i{background:var(--blue);color:#fff}.tile-load{display:grid;gap:5px}.tile-load div{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text2);font-weight:650}.tile-load b{color:var(--ink)}.tile-bar{height:7px;border-radius:7px;background:#eef0f4;overflow:hidden}.tile-bar span{display:block;height:100%;border-radius:7px;background:var(--blue)}.tile-bar span.hot{background:#e0396b}.tile-bar span.warm{background:#e6a200}.tile-foot{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}.filerow{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #EDF0F4}.filerow:first-child{border-top:0}.file-ic{width:40px;height:40px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.filerow>div{display:grid;gap:2px;min-width:0}.filerow b{font-size:13.5px;color:var(--ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerow small{color:var(--muted);font-size:11.5px}.dropzone{border:1.5px dashed var(--gray);border-radius:10px;background:#fbfbfc;padding:26px;display:grid;place-items:center;gap:8px;text-align:center}.dropzone b{font-size:14px;color:var(--ink)}.dropzone small{color:var(--muted);font-size:12px}.setgrid{display:grid;gap:14px}.setrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #EDF0F4}.setrow:first-child{border-top:0}.setrow>span{color:var(--text2);font-size:13.5px;font-weight:650}.setrow input[type=text]{width:min(260px,45%);height:40px;border:1px solid #DEE3EA;border-radius:8px;padding:0 12px;font-size:13.5px;font-weight:600;text-align:right}.setrow input[type=text]:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #245cff21}.switch{width:44px;height:25px;border-radius:20px;border:0;background:#d8dde5;position:relative;flex:none;transition:background .16s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .16s;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--blue)}.switch.on:after{transform:translate(19px)}.matrix td.perm{font-weight:700}.perm-edit{color:var(--blue)}.perm-read{color:var(--text2)}.perm-none{color:#c2c7d0}.searchhero{position:relative;overflow:hidden;padding:28px 30px;background-color:#fff;border:1px solid var(--line);border-radius:10px;background-image:linear-gradient(rgba(36,92,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,92,255,.035) 1px,transparent 1px);background-size:56px 52px;display:grid;gap:12px;justify-items:center;text-align:center}.searchhero h2{font-size:22px}.searchhero p{color:var(--muted);font-size:13.5px}.searchhero .tb-search{max-width:560px;width:100%;height:50px}.searchchips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 13px;font-size:12.5px;font-weight:650;color:var(--text2)}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.reslist{display:grid;gap:10px}.rescard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:grid;gap:7px;text-align:left}.rescard:hover{border-color:#c9d2e0}.rescard-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.rescard-no{font-variant-numeric:tabular-nums;font-weight:800;color:var(--blue);font-size:14px}.rescard h3{font-size:15px}.rescard p{color:var(--text2);font-size:13px;line-height:1.6}.rescard-meta{display:flex;gap:14px;color:var(--muted);font-size:11.5px;flex-wrap:wrap}@media(max-width:1280px){.top-clock{display:none}.search{width:min(360px,32vw)}.kpis,.statrow{grid-template-columns:repeat(2,minmax(0,1fr))}.calwrap{grid-template-columns:1fr}}@media(max-width:1120px){.hero{grid-template-columns:minmax(0,1fr) 224px;padding:26px}.hero-art{right:250px;width:300px;opacity:.75}.two-col{grid-template-columns:1fr}}@media(max-width:920px){.hero{grid-template-columns:1fr;min-height:0}.hero-art{top:0;right:-10px;bottom:auto;width:290px;height:230px;opacity:.2}.hero-side{margin:20px 0 0;padding:16px 0 0;border-top:1px solid #D9DEE7;border-left:0;background:none}.hero-side:before{left:0;top:-2px}.hero-side:after{inset:-2px 0 auto auto}.hero-mini{margin-left:0;padding-left:0}.pill.hide-md{display:none}}@media(max-width:820px){.shell{display:block}.side{position:fixed;top:0;left:0;bottom:0;z-index:310;width:274px;max-width:86vw;transform:translate(-105%);transition:transform .22s ease;box-shadow:0 24px 60px #080f1e4d}.shell.menu-open .side{transform:translate(0)}.menu-backdrop{display:block;position:fixed;inset:0;z-index:305;background:#080f1e6b}.top{height:62px;padding:0 14px;gap:9px}.top-menu{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.search{width:40px;height:40px;padding:0;justify-content:center}.search span,.search kbd{display:none}.userchip>div{display:none}.crumbs{padding:0 14px;overflow:auto;white-space:nowrap}.content{padding:14px 14px 44px}.block-head,.block-body,.agenda-row{padding-left:16px;padding-right:16px}.tbl-scroll{overflow-x:auto}.tbl{min-width:660px}.demobar{padding:8px 14px;font-size:11.5px}.kanban{grid-template-columns:1fr}.drawer{width:100%}.dl{grid-template-columns:1fr}.barlist li{grid-template-columns:120px 1fr 52px}.cal-cell{min-height:78px;padding:5px}.cal-ev{font-size:9.5px}.tb-search{max-width:none}.tb-filter{width:100%!important}.setrow{flex-direction:column;align-items:flex-start;gap:8px}.setrow input[type=text]{width:100%;text-align:left}}@media(max-width:560px){.kpis{grid-template-columns:1fr}.hero{padding:22px 18px}.top .btn span.txt{display:none}.top .btn{padding:0 12px}}