.au-hero{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);color:#fff;border-radius:var(--radius);padding:18px 20px;margin-bottom:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;box-shadow:var(--shadow)}.au-hero h1{margin:0;font-size:22px;color:#fff}.au-hero p{margin:4px 0 0;opacity:.9;font-size:13px}.au-hero .au-lock{background:#ffffff2e;border-radius:999px;padding:6px 12px;font-size:12px;white-space:nowrap}.au-tabs{margin-bottom:14px}.au-tabs button{font-size:14px;padding:7px 14px}.au-drops{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 760px){.au-drops{grid-template-columns:1fr}}.au-drop{border:2px dashed var(--line);border-radius:var(--radius);padding:16px;background:var(--surface);transition:.15s;position:relative}.au-drop.a{border-color:#e7a6c1;background:#fff7fa}.au-drop.b{border-color:#d9b8a8;background:#fffaf7}.au-drop.over{border-style:solid;transform:scale(1.01);box-shadow:0 4px 16px #b832692e}.au-drop .au-side{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font-weight:700;margin-right:8px}.au-drop.a .au-side{background:var(--brand)}.au-drop.b .au-side{background:#c08470}.au-drop .au-label{border:0;border-bottom:1px dashed var(--line);background:transparent;font-weight:600;width:calc(100% - 44px);padding:2px 0}.au-drop .au-pick{margin-top:12px;display:block;text-align:center;padding:18px 10px;border-radius:10px;background:#ffffffb3;cursor:pointer;color:var(--ink-2)}.au-drop .au-pick:hover{color:var(--brand)}.au-drop .au-pick b{color:var(--ink)}.au-file{margin-top:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.au-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.au-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.au-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.au-map{display:grid;grid-template-columns:150px 1fr 1fr;gap:8px 12px;align-items:center}.au-map .au-h{font-size:12px;font-weight:600;color:var(--ink-2)}@media (max-width: 760px){.au-map{grid-template-columns:1fr}.au-map .au-h{display:none}}.au-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.au-mode{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer;text-align:left}.au-mode .t{font-weight:600}.au-mode .h{font-size:11px;color:var(--ink-2);margin-top:2px}.au-mode.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.au-opts{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-top:12px}.au-opts label{font-size:12px;color:var(--ink-2);display:grid;gap:4px}.au-opts input[type=number]{width:110px}.au-run{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.au-run .btn.primary{padding:10px 22px;font-size:15px}.au-score{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:stretch}@media (max-width: 760px){.au-score{grid-template-columns:1fr}}.au-ring{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;padding:14px;box-shadow:var(--shadow)}.au-ring .pct{font-size:34px;font-weight:800}.au-ring .lbl{font-size:12px;color:var(--ink-2)}.au-ring.good .pct{color:var(--good)}.au-ring.warn .pct{color:var(--warn)}.au-ring.bad .pct{color:var(--bad)}.au-stat{cursor:pointer}.au-stat.sel{outline:2px solid var(--brand)}.stat.purple{border-top-color:#6b3fa0}.stat.info{border-top-color:var(--info)}.au-table td.num{text-align:right;font-variant-numeric:tabular-nums}.au-table tr.mismatch td:first-child{box-shadow:inset 3px 0 0 var(--bad)}.au-table tr.only_a td:first-child{box-shadow:inset 3px 0 0 var(--warn)}.au-table tr.only_b td:first-child{box-shadow:inset 3px 0 0 var(--info)}.au-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.au-check{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);border-top:3px solid var(--brand);display:flex;flex-direction:column;gap:8px}.au-check h3{margin:0;font-size:15px}.au-check .meta{font-size:12px;color:var(--ink-2)}.au-spark{display:flex;align-items:end;gap:3px;height:34px}.au-spark span{flex:1;max-width:16px;border-radius:3px 3px 0 0;background:var(--brand-2);opacity:.85}.au-spark span.low{background:var(--bad)}.au-spark span.mid{background:var(--warn)}.au-spark span.hi{background:var(--good)}.au-link{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,#fff7fa,#fff);border:1px solid #f2c9da;border-radius:var(--radius);padding:12px 14px;margin-bottom:14px}.au-link .ic{font-size:24px}.au-loaded{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--brand-soft);border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:13px}.au-q textarea{min-height:120px;font-family:inherit}.au-found{border-left:3px solid var(--good)}.au-miss{border-left:3px solid var(--bad)}.cs-hero{background:linear-gradient(135deg,#3b2530 0%,var(--brand) 60%,#d4a08f 100%);color:#fff;border-radius:var(--radius);padding:18px 20px;margin-bottom:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;box-shadow:var(--shadow)}.cs-hero h1{margin:0;font-size:22px;color:#fff}.cs-hero p{margin:4px 0 0;opacity:.9;font-size:13px}.cs-hero .btn{background:#fffffff2;color:var(--brand);border-color:transparent;font-weight:600}.cs-hero .btn.cs-light{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.75)}.cs-hero .btn.cs-light:hover{background:#ffffff40}.cs-empty{text-align:center;display:grid;gap:6px;justify-items:center;padding:28px}.cs-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-left:4px solid var(--brand)}.cs-card.archived{opacity:.7;border-left-color:var(--line)}.cs-avatar{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),#d4a08f);flex-shrink:0}.cs-period{margin-top:10px;max-width:520px}.cs-bar{height:6px;background:var(--muted-bg);border-radius:99px;overflow:hidden;min-width:70px}.cs-bar span{display:block;height:100%;background:var(--brand-2);border-radius:99px}.cs-bar.big{height:10px;margin-bottom:4px}.cs-bar span.good{background:var(--good)}.cs-bar span.warn{background:#e0a31c}.cs-bar span.bad{background:var(--bad)}.cs-bar span.muted{background:#b9bfca}.cs-left.good{color:var(--good)}.cs-left.warn{color:var(--warn)}.cs-left.bad{color:var(--bad)}.cs-stat{color:inherit;text-decoration:none!important;transition:.15s}.cs-stat:hover{transform:translateY(-2px)}.cs-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}@media (max-width: 900px){.cs-grid{grid-template-columns:1fr}}.cs-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.cs-feed{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.cs-feed li{border-left:3px solid #f2c9da;padding:4px 0 4px 10px;cursor:pointer}.cs-feed li:hover{border-left-color:var(--brand)}.cs-feed-t{font-weight:600;font-size:13px}:root{--bg: #f3f5f9;--surface: #ffffff;--ink: #1f2328;--ink-2: #57606a;--line: #dde2ec;--brand: #3B2530;--brand-2: #3a4ba3;--brand-soft: #eceff8;--accent: #8db943;--accent-dark: #5b8a1e;--accent-soft: #f0f6e4;--good: #1a7f37;--good-bg: #e6f4ea;--info: #0b5cad;--info-bg: #e5f0fb;--warn: #9a6700;--warn-bg: #fff4d6;--bad: #c62828;--bad-bg: #fde8e8;--muted-bg: #eceff4;--radius: 12px;--shadow: 0 1px 2px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.04)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.55 Inter,Noto Sans Myanmar,system-ui,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h2{margin:0 0 2px;font-size:22px}h3{margin:0 0 10px;font-size:15px}h4{margin:14px 0 6px;font-size:13px;color:var(--ink-2)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-2);outline-offset:-1px}input:disabled{background:var(--muted-bg)}.center-screen{display:grid;place-items:center;min-height:100vh;color:var(--ink-2)}.muted{color:var(--ink-2)}.small{font-size:12px}.num{text-align:right}.text-bad{color:var(--bad)}.text-good{color:var(--good)}.row{display:flex;align-items:center}.gap{gap:8px}.wrap{flex-wrap:wrap}.push{margin-left:auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--surface);border-bottom:3px solid var(--accent)}.brand{display:flex;align-items:center;gap:10px}.logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:700;font-size:13px;letter-spacing:.5px}.logo.big{width:64px;height:64px;font-size:18px;margin:0 auto 10px}.logo-img{width:42px;height:42px;object-fit:contain;display:block}.logo-img.big{width:88px;height:88px;margin:0 auto 10px}.print-logo{width:44px;height:44px;float:left;margin-right:10px}.brand-title{font-weight:700}.brand-sub{font-size:11px;color:var(--ink-2)}.tabs{display:flex;gap:4px;background:var(--muted-bg);padding:4px;border-radius:999px}.tabs a{padding:6px 14px;border-radius:999px;color:var(--ink-2);font-weight:500;white-space:nowrap}.tabs a:hover{text-decoration:none;color:var(--ink)}.tabs a.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}.top-right{margin-left:auto;display:flex;align-items:center;gap:14px}.who{text-align:right}.who-name{font-weight:600;font-size:13px}.content{padding:20px;max-width:1280px;margin:0 auto}.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 14px;cursor:pointer;font-weight:500}.btn:hover:not(:disabled){border-color:var(--brand-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.good{background:var(--good);border-color:var(--good);color:#fff}.btn.bad{background:var(--bad);border-color:var(--bad);color:#fff}.btn.bad-outline{color:var(--bad);border-color:var(--bad)}.btn.ghost{border-color:transparent;color:var(--ink-2)}.btn.block{width:100%;padding:10px}.link{background:none;border:0;padding:0;color:var(--brand);cursor:pointer;font-size:12px}.icon-btn{background:none;border:0;cursor:pointer;padding:6px;border-radius:8px;position:relative;color:var(--ink-2)}.icon-btn:hover{background:var(--muted-bg)}.pill{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--muted-bg);color:var(--ink-2);margin-right:4px}.pill.good{background:var(--good-bg);color:var(--good)}.pill.info{background:var(--info-bg);color:var(--info)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.purple{background:#efe7fb;color:#6b3fa0}.bell{position:relative}.badge-dot{position:absolute;top:0;right:0;background:var(--bad);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px}.dropdown{position:absolute;right:0;top:40px;width:340px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px #0000001f}.dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.notif{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 12px;cursor:pointer}.notif:hover{background:var(--bg)}.notif.unread{background:var(--brand-soft)}.notif-title{font-weight:600;font-size:13px}.notif-body{font-size:12px;color:var(--ink)}.notif-time{font-size:11px;color:var(--ink-2)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}.page.narrow{max-width:920px;margin:0 auto}.crumbs{font-size:12px;color:var(--ink-2);margin-bottom:6px}.month-picker{display:flex;align-items:center;gap:8px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar select,.toolbar .search{width:auto;min-width:180px}.toolbar.sticky{position:sticky;top:61px;z-index:5;background:var(--bg);padding:8px 0}.seg{display:flex;background:var(--muted-bg);border-radius:999px;padding:3px;flex-wrap:wrap}.seg button{border:0;background:none;padding:5px 12px;border-radius:999px;cursor:pointer;color:var(--ink-2);font-size:13px}.seg button.on{background:#fff;color:var(--brand);box-shadow:var(--shadow);font-weight:600}.section-title{margin:22px 0 10px}.empty{padding:30px;text-align:center;color:var(--ink-2)}.empty.small{padding:12px}.error{background:var(--bad-bg);color:var(--bad);padding:8px 12px;border-radius:8px;margin:8px 0}.info{background:var(--info-bg);color:var(--info);padding:8px 12px;border-radius:8px;margin:8px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.card.flush{padding:0;overflow-x:auto}.card-bad{border-color:#f1b0b0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);border-top:3px solid var(--line)}.stat.good{border-top-color:var(--good)}.stat.bad{border-top-color:var(--bad)}.stat.warn{border-top-color:var(--warn)}.stat-label{font-size:12px;color:var(--ink-2)}.stat-value{font-size:28px;font-weight:700}.stat-sub{font-size:11px;color:var(--ink-2)}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:18px}.dept-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);border-left:4px solid var(--good)}.dept-card.warn{border-left-color:var(--warn)}.dept-card.bad{border-left-color:var(--bad)}.dept-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:15px}.rag{width:12px;height:12px;border-radius:50%;background:var(--good)}.rag.warn{background:#e3a008}.rag.bad{background:var(--bad)}.dept-row{display:flex;justify-content:space-between;padding:3px 0;font-size:13px;border-bottom:1px dashed var(--line)}.dept-row:last-child{border-bottom:0}.grades{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--ink-2);background:#f6f8fb;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:0}.table.compact td,.table.compact th{padding:6px 8px}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#f5f7fb}.kpi-table td:first-child{min-width:240px}.kpi-table .rule{margin-top:3px;max-width:260px}.num-input{width:86px;text-align:right}.role-select{min-width:150px;width:auto;max-width:none}.remark-input{min-width:180px}.section-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--brand-soft);border-bottom:1px solid var(--line)}.score-box{text-align:right}.score-big{font-size:34px;font-weight:700;line-height:1}.score-box .row{justify-content:flex-end;margin-top:6px}.progress{height:5px;background:var(--muted-bg);border-radius:3px;margin-top:4px;overflow:hidden;max-width:160px}.progress span{display:block;height:100%;background:var(--accent)}.legend{margin-top:12px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 18px}.info-grid>div{display:flex;flex-direction:column}.span-all{grid-column:1 / -1}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.timeline{border-left:2px solid var(--line);margin-left:8px;padding-left:16px}.tl-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-bottom:8px;position:relative}.tl-item:before{content:"";position:absolute;left:-23px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.tl-item.sys{background:none;border:0;color:var(--ink-2);font-size:12px;padding:0 0 8px}.tl-item.comment{background:#f5f7fb}.tl-item.comment.mine{background:var(--brand-soft)}.tl-head{display:flex;justify-content:space-between;gap:10px}.tl-time{font-size:11px;color:var(--ink-2);margin-right:6px}.tl-note{white-space:pre-wrap;margin-top:3px}.thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.thumb{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}.thumb.ph{background:var(--muted-bg)}.comment-box{display:flex;gap:8px;align-items:flex-end;margin-top:8px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f0a66;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:14px;width:min(640px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #00000040}.modal-head,.modal-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.modal-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:8px}.modal-body{padding:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.field-label{font-size:12px;font-weight:600;color:var(--ink-2)}.field-hint{font-size:11px;color:var(--ink-2)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 10%,var(--brand-soft),var(--bg) 60%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;width:min(380px,100%);box-shadow:var(--shadow);text-align:center}.login-card h1{margin:0;font-size:22px}.login-card .field{text-align:left}.print-head{display:none}.report-kpis{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin-bottom:4px}.report-kpis b{color:var(--ink);font-size:15px;margin-left:4px}@media (max-width: 860px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 16px}.tabs{order:3;width:100%;overflow-x:auto}.content{padding:16px}.two-col,.form-grid{grid-template-columns:1fr}.toolbar.sticky{top:0}}@media print{@page{size:A4 landscape;margin:12mm}body{background:#fff;font-size:11px}.topbar,.no-print{display:none!important}.content{padding:0;max-width:none}.print-head{display:block;margin-bottom:10px}.print-head h1{font-size:16px;margin:0 0 4px}.card{box-shadow:none;break-inside:avoid;page-break-inside:avoid}.report-dept{page-break-inside:auto}.pill{border:1px solid #ccc}}.proj-row td{background:var(--brand-soft);font-weight:700;color:var(--brand);font-size:13px}.next-step{font-size:12px;color:var(--ink-2);margin-top:2px}.next-step:before{content:"→ ";color:var(--accent-dark)}.check{display:flex;gap:8px;align-items:center;font-size:13px}.check input{width:auto}.bar-row{display:grid;grid-template-columns:1fr 40px;gap:8px;align-items:center;padding:4px 0;font-size:13px}.bar{height:8px;background:#efe7fb;border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;background:#8b5cc9}.tabs a.active{box-shadow:inset 0 -3px 0 var(--accent),var(--shadow)}.brand-title{color:var(--brand)}.brand-sub{color:var(--accent-dark)}.login-card{border-top:4px solid var(--accent)}.login-card h1,.section-head b,.proj-row td{color:var(--brand)}.log-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-bottom:16px}.log-card{padding:0}.log-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px;background:var(--brand-soft);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.log-head b{color:var(--brand)}.log-item{padding:10px 14px;border-bottom:1px solid var(--line)}.log-item:last-child{border-bottom:0}.log-work{white-space:pre-line;margin:2px 0}.log-meta{margin-top:4px}.sum-row{padding:6px 0;border-bottom:1px dashed var(--line)}.sum-row:last-child{border-bottom:0}.table th.num{text-align:right}.stats+.card{margin-top:14px}.table-scroll{overflow-x:auto}.log-table td{vertical-align:top}.log-table .log-person{background:#fafbfd;border-right:1px solid var(--line);min-width:140px}.log-entry{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:10px 12px;margin:12px 0;background:#fcfdfb}.log-entry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;color:var(--brand)}.modal-foot .push{margin-right:auto}.stat-link{color:inherit;text-decoration:none!important;display:block}.stat-link .stat{height:100%}.stat-small{font-size:18px;line-height:1.3;display:block}.comment-alert{background:#fff8db;border:1px solid #f0d77a;border-left:5px solid #e0a800;border-radius:var(--radius);padding:12px 16px;margin:0 0 16px;box-shadow:var(--shadow)}.comment-alert-head{font-weight:700;color:#7a5a00;margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-count{background:#e0a800;color:#fff;border-radius:10px;padding:0 8px;font-size:12px}.comment-alert-row{display:block;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #f3e3a6;margin-bottom:6px;color:inherit;text-decoration:none!important}.comment-alert-row:not(.static):hover{border-color:#e0a800}.comment-alert-msg{font-weight:600;color:var(--ink);white-space:pre-line}.comment-alert .btn{margin-top:4px}.row-comment{margin:4px 0;padding:4px 8px;background:#fff3c4;border-left:3px solid #e0a800;border-radius:4px;font-size:13px}.tl-item.comment.fresh{border-color:#e0a800;background:#fff8db}.new-tag{background:#e0a800;color:#fff;font-size:11px;border-radius:8px;padding:0 6px;margin-left:6px}.notif.notif-comment{background:#fff3c4;border-left:4px solid #e0a800}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--accent, #1f5fbf);cursor:pointer;text-decoration:underline dotted}.linkish:disabled{cursor:default;text-decoration:none;color:var(--ink-2)}.linkish.text-bad{color:var(--bad)}.linkish.text-good{color:var(--good)}.linkish.text-warn,.text-warn{color:#b7791f}.table tr.selected td{background:#fff8e1}.table tr.group-row td{background:#f3f5f8;font-size:13px}.postpone-box{background:#fff8e1;border:1px solid #f0d58a;border-radius:8px;padding:8px 10px}.warn-box{background:#fff8e1;border:1px solid #f0d58a;border-radius:8px;padding:8px 12px}.period-panel{margin:12px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 820px){.grid-2{grid-template-columns:1fr}}.period-panel .card{margin:0}.period-panel textarea,.period-panel input{width:100%;margin:4px 0 6px}.agm-instr{background:#eef6ff;border:1px solid #b9d6f7;border-left:4px solid #1f5fbf;border-radius:8px;padding:10px 12px;margin-bottom:12px}.rating-pick{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}.btn.small{padding:2px 8px;font-size:12px;margin-left:4px}.review-view p{margin:8px 0 0}.agm-kpi-formula{background:#f6f8fb;border:1px dashed var(--line);border-radius:8px;padding:10px 12px;font-size:13px}.agm-kpi-total{font-size:40px;font-weight:800}.dept-metrics{margin:8px 0 4px}.metrics-form input{width:100%}.spark{display:inline-flex;align-items:flex-end;gap:2px;height:24px}.spark i{display:block;width:7px;background:var(--brand, #2f4fa2);border-radius:2px 2px 0 0;opacity:.8}.sec-total td{background:#f3f5f8;border-top:2px solid var(--line)}.table tr.row-bad td{background:#fdecec}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:12px;margin-top:14px}@media (max-width: 600px){.metrics-grid{grid-template-columns:1fr}}.comment-alert-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.comment-alert-row{position:relative}.comment-alert-row .ack-btn{float:right;margin-left:8px}.to-plan{background:#f4f8ff;border:1px dashed #b9d6f7;border-radius:8px;padding:8px 10px;margin:6px 0 8px}.nav-chat .badge-count{margin-left:4px;background:var(--bad, #c0392b);color:#fff}.chat-card{display:grid;grid-template-columns:280px 1fr;padding:0;height:520px;overflow:hidden;margin:14px 0}.chat-side{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#fafbfc}.chat-side-head{font-weight:700;padding:12px 12px 6px;font-size:16px}.chat-side select{margin:0 10px 8px;width:calc(100% - 20px)}.chat-side-sub{font-size:12px;color:var(--ink-2);padding:10px 12px 4px;border-top:1px solid var(--line);margin-top:6px}.chat-list{overflow-y:auto;flex:1}.chat-item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #eef0f3;padding:8px 12px;cursor:pointer;font:inherit}.chat-item:hover{background:#f0f4fa}.chat-item.on{background:#e6eefb}.chat-item-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.chat-item-last{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-time{font-size:11px;color:#9aa3ad}.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-head{padding:12px 14px;border-bottom:1px solid var(--line)}.chat-msgs{flex:1;overflow-y:auto;padding:12px 14px;background:#f6f7f9}.chat-empty{color:var(--ink-2);text-align:center;padding:40px 16px;font-size:13px}.bubble-row{display:flex;margin:6px 0}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:72%;background:#fff;border:1px solid #e3e6ea;border-radius:12px 12px 12px 4px;padding:7px 10px}.bubble.mine{background:#dfeafd;border-color:#c6d8f6;border-radius:12px 12px 4px}.bubble.deleted{opacity:.6}.bubble-from{font-size:11px;font-weight:700;color:#1f5fbf;margin-bottom:2px}.bubble-body{white-space:pre-wrap;word-break:break-word}.bubble-task{display:inline-block;font-size:12px;margin-top:4px;background:#fff8e1;border:1px solid #f0d58a;border-radius:6px;padding:1px 6px}.bubble-meta{font-size:10.5px;color:#8a939d;margin-top:3px;display:flex;gap:6px;justify-content:flex-end}.bubble-meta .link{font-size:10.5px}.chat-input{border-top:1px solid var(--line);padding:8px 10px;background:#fff}.chat-input select{width:100%;margin-bottom:6px;font-size:12px}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input-row textarea{flex:1;resize:none}@media (max-width: 760px){.chat-card{grid-template-columns:1fr;height:auto}.chat-side{border-right:0;border-bottom:1px solid var(--line);max-height:220px}.chat-main{height:460px}}.ticks{font-weight:700;color:#9aa3ad;letter-spacing:-2px}.ticks.read{color:#1a9f4b}.chat-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;border:0;background:var(--brand, #3B2530);color:#fff;font-size:26px;box-shadow:0 6px 18px #00000040;cursor:pointer;z-index:900}.chat-fab:hover{transform:scale(1.05)}.chat-fab-badge{position:absolute;top:-4px;right:-4px;background:#d93025;color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}.chat-pop{position:fixed;right:22px;bottom:22px;width:380px;height:560px;max-height:calc(100vh - 110px);z-index:900;box-shadow:0 10px 30px #00000040;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line)}.chat-pop .chat-card{display:block;height:100%;margin:0;border:0;border-radius:0}.chat-pop .chat-card .chat-side,.chat-pop .chat-card .chat-main{height:100%;border:0;max-height:none}.chat-pop .chat-card.show-side .chat-main,.chat-pop .chat-card.show-main .chat-side{display:none}.chat-pop .chat-side-head{display:flex;align-items:center;justify-content:space-between;background:var(--brand, #3B2530);color:#fff;padding:12px 14px;margin-bottom:8px}.chat-pop .chat-head{display:flex;align-items:center;gap:6px;background:var(--brand, #3B2530);color:#fff}.chat-pop .chat-head .muted{color:#cfd6ea}.chat-x{margin-left:auto;background:none;border:0;color:inherit;font-size:18px;cursor:pointer;padding:0 4px}.chat-back{background:none;border:0;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0 6px 0 0}.chat-pop .bubble{max-width:82%}@media (max-width: 600px){.chat-pop{right:0;bottom:0;width:100vw;height:100vh;max-height:none;border-radius:0}.chat-fab{right:14px;bottom:14px}}@media print{.chat-fab,.chat-pop{display:none!important}}:root{--bg: #f4f6fb;--line: #e4e8f0;--radius: 14px;--shadow: 0 1px 2px rgba(20,30,60,.04);--side-w: 232px}.shell{display:grid;grid-template-columns:var(--side-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--brand);color:#dfe4f5;padding:18px 12px;display:flex;flex-direction:column;z-index:30}.side-brand{display:flex;align-items:center;gap:10px;padding:0 6px 20px}.side-brand .logo-img{width:40px;height:40px;background:#fff;border-radius:50%;padding:2px}.side-brand .brand-title{color:#fff;font-weight:700;font-size:15px}.side-brand .brand-sub{color:#aab4d8;font-size:11px}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#c9d0ea;font-size:14px;text-decoration:none!important}.side-nav a:hover{background:#ffffff14;color:#fff}.side-nav a.active{background:#fff;color:var(--brand);font-weight:700}.side-nav .ic{width:20px;text-align:center}.side-badge{margin-left:auto;background:#e5484d;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}.side-me{margin-top:auto;padding:12px;border-radius:12px;background:#ffffff12}.side-me .who-name{color:#fff;font-weight:700}.side-mail{color:#aab4d8;word-break:break-all}.side-actions{display:flex;gap:12px;margin-top:6px}.side-actions .link{color:#dfe4f5;font-size:12px}.main-col{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 24px;background:#f4f6fbeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.top-date{color:var(--ink-2);font-size:13px}.hamburger{display:none;background:none;border:0;font-size:22px;cursor:pointer;padding:2px 6px}.mobile-only,.side-scrim{display:none}.content{padding:20px 28px 60px;max-width:1320px;width:100%;margin:0}.toolbar.sticky{top:57px}.card{border-radius:var(--radius)}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translate(-100%);transition:transform .2s}.menu-open .sidebar{transform:none}.menu-open .side-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:25}.hamburger,.mobile-only{display:inline-block}.mobile-only.logo-img{width:32px;height:32px}.content{padding:14px 16px 60px}}@media print{.sidebar,.side-scrim{display:none!important}.shell{display:block}}.dash-row1{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:16px}.dash-row2{display:grid;grid-template-columns:1fr 1.3fr;gap:16px}.dash-row3{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.dash-row1 .card,.dash-row2 .card,.dash-row3 .card{margin:0;padding:18px 20px}.dash-row2,.dash-row3{margin-top:16px}.card .sub{color:#8a91a3;font-size:12px;margin:-6px 0 12px}.hero-card{background:linear-gradient(135deg,#eef2ff,#f6fbef)}.hero-hello{color:var(--ink-2);font-size:13px}.hero-big{font-size:44px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-top:6px}.hero-big small{font-size:16px;color:#8a91a3;font-weight:600}.hero-meter{height:8px;background:#dfe4f1;border-radius:4px;margin:12px 0 8px;overflow:hidden}.hero-meter span{display:block;height:100%;background:var(--brand-2);border-radius:4px}.hero-parts{display:flex;gap:16px;font-size:12px;color:var(--ink-2);flex-wrap:wrap}.tile{display:block;color:inherit;text-decoration:none!important}.tile:hover{border-color:var(--brand-2)}.tile-lbl{color:var(--ink-2);font-size:13px}.tile-val{font-size:30px;font-weight:800;margin:6px 0 2px;color:var(--ink)}.tile-sub{font-size:12px;color:#8a91a3}.tile-sub.up{color:#1a7f37}.tile-sub.down{color:#c62828}.viz{width:100%;height:auto;display:block;overflow:visible}.viz .ax{fill:#8a91a3;font-size:11px}.viz .gl{stroke:#e7eaf1;stroke-width:1}.viz .cat{fill:var(--ink-2);font-size:12px}.viz .vl{fill:var(--ink);font-size:12px;font-weight:700}.viz .mark:hover{opacity:.8}.viz-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--ink-2);margin-top:10px}.viz-legend span{display:inline-flex;align-items:center;gap:6px}.viz-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.todo-list{list-style:none;margin:0;padding:0}.todo-list a{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none!important}.todo-list li:last-child a{border-bottom:0}.todo-list a:hover{background:#f7f9fd}.todo-list .n{margin-left:auto;font-weight:800;font-size:18px}.todo-list .n.bad{color:#c62828}.todo-list .zero{color:#b0b6c3}@media (max-width: 1150px){.dash-row1{grid-template-columns:1fr 1fr}.dash-row1 .hero-card{grid-column:1 / -1}.dash-row2,.dash-row3{grid-template-columns:1fr}}.exp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 14px;max-height:320px;overflow-y:auto}.pr-steps{display:flex;gap:3px}.pr-steps i{width:14px;height:8px;border-radius:2px;background:#dfe3ec}.pr-steps i.done{background:#8db943}.pr-steps i.skip{background:repeating-linear-gradient(45deg,#dfe3ec 0,#dfe3ec 3px,#fff 3px,#fff 5px)}tr.row-late td{background:#fff6f3}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0}.pr-items input,.pr-stage-form input:not([type=checkbox]){width:100%;min-width:70px;padding:4px 6px}.pr-items input.num{max-width:90px}.pr-stage-form tr.muted td{opacity:.6}.toolbar .push{flex:1}.ok-box{background:var(--good-bg);color:var(--good);padding:8px 12px;border-radius:8px;margin-bottom:10px}.k-qty{width:72px;text-align:right;padding:4px 6px}.k-qty.bad{border-color:#d64545;background:#fff3f3}.k-note{min-width:120px;padding:4px 6px}.k-daily td{vertical-align:middle}.k-items input{padding:3px 5px}.k-days{display:flex;gap:3px}.k-days button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:2px 6px;font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.2;color:var(--ink-2)}.k-days button i{font-style:normal;font-weight:600;font-size:12px}.k-days button.has{border-color:#8db943;background:#f3f8e9}.k-days button.miss{border-color:#f0b4a0;background:#fff6f3}.k-days button.on{outline:2px solid var(--brand)}.toolbar .field{margin:0}.warn-box{margin-bottom:10px}.canteen-chart svg{max-height:230px;width:100%}.k-matrix td.k-cell{line-height:1.15}.k-cell.ok{background:#eef7e2}.k-cell.over{background:#fde8e4;color:#b3261e}.k-cell.under{background:#fff6d6}.k-cell.none{color:#9aa2b1}.k-matrix th.k-day{text-align:center;border-left:2px solid var(--line);white-space:nowrap}.k-matrix .k-first{border-left:2px solid var(--line)}.k-matrix .k-std{color:var(--ink-2);background:#f6f7fa;font-weight:400}.k-matrix td,.k-matrix th{padding-left:8px;padding-right:8px}.k-simple td,.k-simple th{padding-top:9px;padding-bottom:9px}.k-simple th.num,.k-simple td.num{min-width:80px}.k-bal{padding:1px 8px;border-radius:6px}.k-bal.bad{background:var(--bad-bg);color:var(--bad)}.k-bal.warn{background:var(--warn-bg);color:var(--warn)}tr.clickable{cursor:pointer}td.ms-detail{background:#f8f9fc}.ms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 24px;padding:6px 4px;font-size:13px}.ms-grid h4{margin:0 0 6px;font-size:13px;color:var(--brand)}.ms-grid>div>div{margin-bottom:3px}.ai-suggest .grow,.ai-block .grow{flex:1}.ai-block{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}.ai-sop{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:8px 0}.ai-sop-text{white-space:pre-wrap;font-size:13px;margin-top:6px;max-height:260px;overflow:auto}.ai-md{font-size:14px;line-height:1.6;margin:6px 0}.ai-md-table{font-family:ui-monospace,Menlo,monospace;font-size:12px;white-space:pre;overflow-x:auto}.ai-md-warn{color:var(--warn)}.ai-preview{white-space:pre-wrap;background:var(--info-bg);padding:10px;border-radius:8px;font-size:13px;max-height:300px;overflow:auto}.core-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.core-card{text-align:left;cursor:pointer;font:inherit;color:inherit;margin:0;padding:12px;display:flex;flex-direction:column;gap:2px}.core-card:hover{border-color:var(--brand-2)}.core-card.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand),var(--shadow)}.core-name{font-weight:700;line-height:1.3;margin-top:4px}.core-count{font-size:24px;font-weight:800;margin:6px 0 4px}.core-std{margin-top:6px}.ev-bar{grid-template-columns:64px 1fr 40px}.ok-box .btn,.info .btn{margin-left:10px}@media (max-width: 600px){.core-grid{grid-template-columns:1fr 1fr}}.tpl-preview h2{text-align:center;font-size:1.05rem;margin:4px 0}.tpl-preview h3{font-size:.95rem;margin:12px 0 4px;border-bottom:1px solid var(--line)}.tpl-preview table{width:100%;border-collapse:collapse;margin:6px 0}.tpl-preview td{border:1px solid var(--line);padding:4px 6px;vertical-align:top;font-size:.85rem}.tpl-preview p{margin:4px 0;white-space:pre-wrap}.tpl-preview .blank{color:var(--muted, #999)}.side-nav a.nav-sub{padding-left:34px;font-size:.95em}.hb-hero{display:flex;gap:12px;align-items:center;padding:12px 16px;margin:6px 0 14px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%)}.hb-hero h2{margin:0;color:#fff;font-size:19px;line-height:1.3}.hb-hero-icon{font-size:22px;width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:#ffffff26}.hb-hero-sub{opacity:.85;font-size:13px}.hb-chip{display:inline-flex;align-items:center;margin:2px 3px;padding:0 8px;border-radius:6px;font-size:12px;line-height:1.8;border:1px solid transparent;font-weight:600;white-space:normal;text-align:left;vertical-align:baseline}button.hb-chip{cursor:pointer}button.hb-chip:hover{filter:brightness(.95);text-decoration:underline}.hb-chip.law{background:#e5f0fb;color:#0b5cad}.hb-chip.mbc{background:#e6f4ea;color:#1a7f37}.hb-chip.sop{background:#f1ebfb;color:#6a3fb5}.hb-chip.guide{background:#eef0f4;color:#57606a}.hb-legend{margin-left:10px;color:var(--ink-2)}.hb-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 3px 0 8px;vertical-align:middle}.hb-legend i.law{background:#0b5cad}.hb-legend i.mbc{background:#1a7f37}.hb-legend i.sop{background:#6a3fb5}.hb-legend i.guide{background:#8a91a3}.hb-ask{background:linear-gradient(180deg,#eef2ff,#f6faef);border-radius:14px;padding:16px 18px;box-shadow:0 4px 14px #222d6c1a;border:2px solid var(--brand-2)}.hb-ask-label{font-weight:700;color:var(--brand);font-size:15px;margin-bottom:8px}.hb-examples{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.hb-ex-label{font-size:12px;color:var(--ink-2)}.hb-ex{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:999px;padding:2px 10px;font-size:12px;cursor:pointer}.hb-ex:hover{border-color:var(--brand-2);color:var(--brand)}.hb-input{font-size:15px;padding:12px 14px;border-radius:10px;border:2px solid #c9d2ee;background:#fff;resize:vertical;box-shadow:inset 0 1px 3px #0000000a}.hb-input::placeholder{color:#9aa3b8}.hb-input:focus{border-color:var(--brand-2);outline:3px solid rgba(58,75,163,.15)}.btn.hb-go{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border:0;padding:9px 26px;font-weight:700;font-size:15px;border-radius:10px;box-shadow:0 3px 8px #5b8a1e4d}.btn.hb-go:hover{filter:brightness(1.05)}.btn.hb-go:disabled{opacity:.5;box-shadow:none}.hb-answer{margin-top:14px;background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);border-left:4px solid var(--accent)}.hb-answer-head{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;padding:10px 16px 0;font-weight:700;color:var(--accent-dark)}.hb-answer-q{font-weight:500;color:var(--ink-2);font-size:13px;flex:1;min-width:160px}.hb-tag{font-size:11px;background:var(--muted-bg);color:var(--ink-2);padding:0 8px;border-radius:999px;font-weight:500}.hb-answer-body{padding:8px 16px 4px;font-size:14px;line-height:1.85}.hb-answer-body .hb-lead{font-size:15px;padding:4px 0 8px;margin-bottom:6px;border-bottom:1px solid var(--line)}.hb-answer-body table{margin:8px 0}.hb-tick{display:flex;gap:8px;align-items:flex-start;padding:2px 0}.hb-box{flex:none;width:13px;height:13px;margin-top:7px;border:2px solid var(--accent);border-radius:3px}.hb-bullet{margin-left:4px}.hb-unv{margin-left:6px;font-size:11px;background:var(--warn-bg);color:var(--warn);padding:0 6px;border-radius:4px;font-weight:600}.hb-warn{margin:6px 16px;padding:6px 10px;border-radius:8px;background:var(--warn-bg);color:var(--warn);font-size:12.5px}.hb-none{padding:14px 16px;color:var(--ink-2)}.hb-sources{margin:6px 16px 0;padding-top:8px;border-top:1px dashed var(--line)}.hb-sources-title{font-size:12px;color:var(--ink-2);margin-bottom:2px}.hb-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin-top:10px;padding:8px 16px;background:#fafbfd;border-top:1px solid var(--line);font-size:12px;color:var(--ink-2)}.hb-rate{display:inline-flex;align-items:center;gap:6px}.hb-thumb{border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 9px;cursor:pointer;font-size:13px}.hb-thumb.on.good{background:var(--good-bg);border-color:var(--good)}.hb-thumb.on.bad{background:var(--bad-bg);border-color:var(--bad)}.hb-hist{margin-top:16px}.hb-hist-title{font-weight:700;font-size:13px;color:var(--ink-2);margin-bottom:6px}.hb-hist-item{display:flex;width:100%;justify-content:space-between;gap:12px;align-items:center;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 12px;margin-bottom:5px;font-size:13px;color:var(--ink)}.hb-hist-item:hover{border-color:var(--brand-2);background:var(--brand-soft)}.hb-hist-q{flex:1}.hb-hist-meta{color:var(--ink-2);font-size:11.5px;white-space:nowrap}.hb-preview{margin-top:8px;padding:10px 12px;border-radius:8px;background:#fafbfd;border:1px dashed var(--line);white-space:pre-wrap;font-size:14px}@media (max-width: 640px){.hb-hero-sub{font-size:12px}}.md-hero{display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:14px;color:#fff;margin-bottom:12px;background:linear-gradient(135deg,#0f766e,#14919b 55%,#3a4ba3);box-shadow:0 4px 14px #0f766e2e}.md-hero h2{margin:0;color:#fff;font-size:20px}.md-hero-icon{font-size:24px;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;background:#ffffff2e}.md-hero-sub{opacity:.88;font-size:13px}.md-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.md-stat{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand-2);box-shadow:var(--shadow);font:inherit;color:var(--ink)}button.md-stat{cursor:pointer}.md-stat span{font-size:12px;color:var(--ink-2)}.md-stat b{font-size:22px}.md-stat.bad{border-left-color:var(--bad)}.md-stat.bad b{color:var(--bad)}.md-stat.warn{border-left-color:#d4a106}.md-stat.warn b{color:var(--warn)}.md-stat.exp{border-left-color:#b45309}.md-stat.info{border-left-color:#0f766e}.md-stat.info b{color:#0f766e}.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.md-card{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--good);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);transition:transform .1s}.md-card:hover{transform:translateY(-2px)}.md-card.low{border-top-color:#d4a106;background:#fffdf5}.md-card.out{border-top-color:var(--bad);background:#fff8f8}.md-card-top{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.md-name{font-weight:700;font-size:15px}.md-use{font-size:12px;color:var(--ink-2)}.md-bal{font-size:26px;font-weight:800;color:var(--brand);margin:6px 0 2px}.md-card.low .md-bal{color:var(--warn)}.md-card.out .md-bal{color:var(--bad)}.md-bal span{font-size:12px;font-weight:500;color:var(--ink-2)}.md-meta{display:flex;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--ink-2)}.md-exp{margin-top:6px;font-size:11.5px;background:#fff1e0;color:#b45309;border-radius:6px;padding:2px 8px}.md-form{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);border-top:4px solid #0f766e}.md-form.in{border-top-color:var(--accent-dark)}.md-form.count{border-top-color:#d4a106}.md-form-title{font-weight:700;color:var(--brand);margin-bottom:10px}.md-form-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px}.md-rows select{min-width:220px}.btn.md-save{color:#fff;border:0;font-weight:700;padding:8px 22px;background:#0f766e}.btn.md-save.in{background:var(--accent-dark)}.btn.md-save.count{background:#b7860b}.md-neg{color:var(--bad);font-weight:700}.md-pos{color:var(--good);font-weight:700}.md-barrow{display:grid;grid-template-columns:130px 1fr 40px;gap:8px;align-items:center;font-size:13px;padding:3px 0}.md-bar{height:10px;background:var(--muted-bg);border-radius:999px;overflow:hidden}.md-bar i{display:block;height:100%;background:linear-gradient(90deg,#14919b,#0f766e);border-radius:999px}.kb-part{display:flex;width:100%;justify-content:space-between;gap:10px;text-align:left;font:inherit;font-size:13px;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--line);padding:6px 4px;cursor:pointer}.kb-part:hover{background:var(--brand-soft);color:var(--brand)}.kb-part:disabled{cursor:default;opacity:.6}.kb-part .muted{white-space:nowrap}.kbv-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f1428c7;display:grid;place-items:center;padding:12px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.kbv{width:min(1100px,100%);height:min(96vh,100%);background:#fff;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000059}.kbv-head{display:flex;gap:12px;align-items:center;padding:10px 16px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.kbv-head b{flex:1}.kbv-range{font-size:12px;opacity:.85}.kbv-x{color:#fff}.kbv-body{flex:1;overflow:auto;background:#eef0f4;display:flex;justify-content:center;align-items:flex-start;padding:12px}.kbv-page{position:relative;background:#fff;box-shadow:0 2px 10px #00000026;max-width:100%}.kbv-page img{display:block;max-width:100%;height:auto;pointer-events:none}.kbv-page.hide img{filter:blur(14px)}.kbv-shield{position:absolute;top:0;right:0;bottom:0;left:0}.kbv-mark{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;display:flex;flex-wrap:wrap;align-content:space-around;justify-content:space-around;gap:40px 60px;padding:30px}.kbv-mark span{transform:rotate(-24deg);color:#222d6c21;font-size:15px;font-weight:700;white-space:nowrap}.kbv-hidden{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;color:var(--brand);background:#fff6}.kbv-foot{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px;border-top:1px solid var(--line)}@media print{.kbv-bg,.kbv-bg *{display:none!important;visibility:hidden!important}}.md-form.usage{border-top-color:#0b5cad}.md-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 10px;margin-top:8px}.md-usage-sum{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px;font-size:13px}.md-usage-sum>span{background:var(--brand-soft);color:var(--brand);padding:3px 10px;border-radius:999px}.md-usage-sum .md-chip{background:#e6f4f1;color:#0f766e}.intake-auto{margin-top:6px;padding:4px 10px;border-radius:8px;background:var(--brand-soft);color:var(--brand);display:inline-block}.bad-text{color:var(--bad)}.to-hero{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 18px;border-radius:14px;color:#fff;margin:6px 0 12px;background:linear-gradient(135deg,#7f1d1d,#b45309 45%,#3b2530);box-shadow:0 4px 14px #7f1d1d2e}.to-hero h2{margin:0;color:#fff;font-size:20px}.to-hero-icon{font-size:24px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#ffffff2e}.to-hero-sub{font-size:12.5px;opacity:.88}.btn.to-light{background:#fffffff2;color:var(--brand);border:0;font-weight:600}.btn.to-save{background:#0f766e;color:#fff;border:0;font-weight:700}.to-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.to-stat{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand-2);box-shadow:var(--shadow)}.to-stat span{font-size:12px;color:var(--ink-2)}.to-stat b{font-size:22px}.to-stat.bad{border-left-color:var(--bad)}.to-stat.bad b{color:var(--bad)}.to-stat.warn{border-left-color:#d4a106}.to-stat.warn b{color:var(--warn)}.to-stat.good{border-left-color:var(--good)}.to-stat.good b{color:var(--good)}.to-stat b.to-small{font-size:13px;font-weight:600}.to-chart{position:relative;height:200px;display:flex;align-items:flex-end;gap:8px;padding:16px 8px 22px 36px}.to-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.to-col>span{position:absolute;bottom:-20px;font-size:11px;color:var(--ink-2)}.to-bar{width:70%;max-width:46px;border-radius:6px 6px 0 0;background:var(--good);position:relative;min-height:2px}.to-bar.warn{background:#e0a800}.to-bar.crit{background:var(--bad)}.to-bar b{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;white-space:nowrap}.to-line{position:absolute;left:36px;right:8px;border-top:2px dashed;z-index:1;pointer-events:none}.to-line.warn{border-color:#e0a800}.to-line.crit{border-color:var(--bad)}.to-line span{position:absolute;left:-34px;top:-9px;font-size:10.5px;font-weight:700}.to-line.warn span{color:var(--warn)}.to-line.crit span{color:var(--bad)}.to-heat td.to-cell{font-weight:600}.to-cell.ok{background:#e6f4ea;color:#1a7f37}.to-cell.warn{background:#fff4d6;color:#9a6700}.to-cell.crit{background:#fde8e8;color:var(--bad)}.to-cell.small{background:#f3f4f6;color:#8a91a3;font-style:italic}.to-dept{cursor:pointer}.to-dept:hover td:first-child{color:var(--brand)}.to-unit td{font-size:12px;color:var(--ink-2)}.to-key{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 3px 0 8px;vertical-align:middle}.to-key.ok{background:#b7dfc2}.to-key.warn{background:#f3d27a}.to-key.crit{background:#f3b4b4}.to-key.small{background:#e5e7eb}.to-preview{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--brand-soft);font-size:13px;line-height:1.8}.to-warn{margin-top:8px;padding:8px 12px;border-radius:10px;background:var(--warn-bg);color:#6b4a00;font-size:12.5px}.el-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:14px}.el-grid .card{margin:0}.el-bar-row{display:grid;grid-template-columns:92px 1fr 40px 38px;gap:8px;align-items:center;margin:7px 0;font-size:13px}.el-bar-row b{text-align:right}.el-track{height:14px;border-radius:7px;background:#eef1f6;overflow:hidden}.el-fill{height:100%;border-radius:7px;background:var(--brand-2)}.el-fill.warn{background:#e0a800}.el-fill.crit{background:var(--bad)}.plan-wait{margin:10px 0;padding:12px 16px;border-radius:12px;background:var(--warn-bg);border:1px solid #f0d68a;border-left:5px solid #e0a800;color:#6b4a00}html[data-edition=head_office]{--brand: #14532d;--brand-2: #1f7a45;--brand-soft: #e8f3ec;--accent: #c99a2e;--accent-dark: #8a6914;--accent-soft: #fbf3df}html[data-edition=head_office] .sidebar{background:linear-gradient(180deg,#14532d,#0f3f22);color:#e3efe7}html[data-edition=head_office] .side-brand .brand-sub,html[data-edition=head_office] .side-mail{color:#b9d3c1}html[data-edition=head_office] .side-nav a{color:#cfe3d6}html[data-edition=head_office] .side-nav a:hover{color:#fff}html[data-edition=head_office] .side-nav a.active{background:#fff;color:var(--brand);font-weight:700;box-shadow:inset 3px 0 #c99a2e}html[data-edition=head_office] .side-actions .link{color:#e3efe7}html[data-edition=head_office] .side-brand{border-bottom:1px solid rgba(201,154,46,.35);margin-bottom:10px}html[data-edition=head_office] .ho-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#f6e7bf,#c99a2e);box-shadow:0 0 0 2px #ffffff40}html[data-edition=head_office] .ho-mark.big{width:72px;height:72px;font-size:38px;margin:0 auto 8px}html[data-edition=head_office] .login-wrap{background:radial-gradient(circle at 20% 10%,#e8f3ec,transparent 55%),radial-gradient(circle at 85% 90%,#fbf3df,transparent 50%),var(--bg)}html[data-edition=head_office] .hero-card{background:linear-gradient(135deg,#ecf6ef,#fbf5e4)}html[data-edition=head_office] .pr-steps i.done{background:#c99a2e}.ho-ribbon{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;border-radius:10px;font-size:13px;background:linear-gradient(90deg,#fbf3df,#fffaf0);border:1px solid #ecd9a6;color:#6b5212}.side-role{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#c99a2e;color:#fff}.att-hero{background:linear-gradient(120deg,#1f4e5f,#2e7d74 60%,#3a4ba3)}.att-drop{border:2px dashed #b9d6f7;background:#f6f9ff}.att-sheets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.att-issue{margin:6px 0;padding:8px 12px;border-radius:10px;border-left:5px solid #c9d0e0;background:#f6f7fb}.att-issue.red{border-left-color:var(--bad);background:var(--bad-bg)}.att-issue.warn{border-left-color:#e0a800;background:var(--warn-bg)}.att-issue.info{border-left-color:var(--brand-2);background:#eef1f8}.att-row-warn td{background:var(--warn-bg)}.att-month{background:#fffffff2;border:0;border-radius:10px;padding:8px 12px;font-weight:600;color:var(--brand)}.att-dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:14px}.att-dept-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-top:4px solid #2e7d74;border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow);font:inherit;color:inherit}.att-dept-card:hover{border-top-color:var(--brand-2);transform:translateY(-1px)}.att-dept-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.att-dept-nums{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.att-chip{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.att-chip.clean{background:var(--good-bg);color:var(--good)}.att-chip.partial{background:#e8f0ff;color:var(--brand-2)}.att-chip.zero{background:var(--warn-bg);color:var(--warn)}.att-chip.neg{background:var(--bad-bg);color:var(--bad)}.att-emp tr.clickable{cursor:pointer}.att-emp tr.clickable:hover td{background:#f6f9ff}.att-emp tr.selected td{background:#eef3ff}.att-detail td{background:#fafbfe}.att-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}.att-day{padding:5px 8px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.att-day.ev{border-left:4px solid #e0a800}.att-day.abs{border-left:4px solid #8a91a3}.att-day.np{border-left:4px solid var(--bad)}.att-ready{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.att-ready.bad{border-left:6px solid var(--bad)}.att-ready.ok{border-left:6px solid var(--good)}.att-ready.on{border-left:6px solid var(--good);background:var(--good-bg)}.att-cp{margin-top:12px}.att-cp.red{border-left:5px solid var(--bad)}.btn.att-ok{background:var(--good);color:#fff;border:0}.nowrap{white-space:nowrap}.att-emp td:nth-child(2){white-space:nowrap}.att-emp th.att-kpi{color:#8a3b12;background:#fff4ea}.att-emp td.att-kpi{background:#fffaf4}.att-emp th.att-info,.att-emp td.att-info{color:#9aa3ae;font-weight:400}.to-stat.att-info{opacity:.6}.att-day.disc{grid-column:1 / -1;background:#fff6f0;border-color:#f3c9a8}.att-disc-subj{margin-top:3px;white-space:normal}.att-xl{background:#1f7a4d;color:#fff;border-color:#1f7a4d}.att-xl:hover:not(:disabled){background:#186640}.att-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin:14px 0}.att-chart.wide{grid-column:1 / -1}.att-chart h3{margin:0 0 2px}.att-chart .viz{margin-top:8px}.att-charts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.att-chart{padding:12px 14px}.att-chart h3{font-size:14px}.att-chart .viz{max-width:380px}.att-heat{font-size:12.5px}.att-heat th{font-size:12px;white-space:nowrap}.att-heat td{white-space:nowrap}.att-heat th.any,.att-heat td.any{border-left:2px solid #d9dde6}.att-heat tr.clickable{cursor:pointer}.att-heat tr.clickable:hover td:first-child{text-decoration:underline}.att-kpi-pv td.att-diff{background:#fff4d6}.att-cat tr.att-cat-missing td{background:#fff1f0}.att-cat-subj{max-width:420px;white-space:normal}.att-cat select{min-width:190px}html[data-edition=zs]{--bg: #fff6f9;--line: #f3dbe4;--muted-bg: #fcedf3;--ink: #2d1f26;--ink-2: #7a5f6b;--brand: #b83269;--brand-2: #e0628f;--brand-soft: #fde8f0;--accent: #d4a08f;--accent-dark: #a86f5e;--accent-soft: #fdf1ec;--shadow: 0 1px 2px rgba(184,50,105,.06), 0 4px 14px rgba(184,50,105,.06)}html[data-edition=zs] .sidebar{background:linear-gradient(180deg,#d8508a,#b83269 55%,#962a57);color:#ffe9f1}html[data-edition=zs] .side-brand{border-bottom:1px solid rgba(255,255,255,.28);margin-bottom:10px}html[data-edition=zs] .side-brand .brand-title{color:#fff}html[data-edition=zs] .side-brand .logo-img{background:#fff;box-shadow:0 0 0 2px #fff9}html[data-edition=zs] .side-brand .brand-sub,html[data-edition=zs] .side-mail{color:#ffd3e3}html[data-edition=zs] .side-nav a{color:#ffe4ee}html[data-edition=zs] .side-nav a:hover{background:#ffffff29;color:#fff}html[data-edition=zs] .side-nav a.active{background:#fff;color:var(--brand);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}html[data-edition=zs] .side-actions .link{color:#ffe9f1}html[data-edition=zs] .side-role{background:var(--accent)}html[data-edition=zs] .topbar{border-bottom-color:var(--brand-2)}html[data-edition=zs] .login-wrap{background:radial-gradient(circle at 15% 10%,#ffd6e6,transparent 55%),radial-gradient(circle at 88% 90%,#ffe6dc,transparent 50%),var(--bg)}html[data-edition=zs] .login-card{border-top:4px solid var(--brand-2)}html[data-edition=zs] .logo-img.big{width:132px;height:132px;filter:drop-shadow(0 6px 16px rgba(184,50,105,.22))}html[data-edition=zs] .hero-card{background:linear-gradient(135deg,#ffe4ef,#fff3ee)}html[data-edition=zs] .hero-meter span{background:linear-gradient(90deg,#e0628f,#b83269)}html[data-edition=zs] .pr-steps i.done{background:var(--brand-2)}html[data-edition=zs] .btn.primary{background:linear-gradient(135deg,#d8508a,#b83269);border-color:#b83269}html[data-edition=zs] .btn.primary:hover{filter:brightness(1.05)}.login-tagline{margin:-2px 0 6px;font-style:italic;font-size:13px;color:#b83269;letter-spacing:.2px}.dk-hero{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:12px;margin-top:12px}.dk-total{padding:18px 20px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#d8508a,#b83269 70%,#962a57);box-shadow:var(--shadow)}.dk-total .dk-label{font-size:13px;opacity:.9}.dk-big{font-size:40px;font-weight:700;line-height:1.1;margin:6px 0 10px}.dk-big small{font-size:15px;opacity:.8;font-weight:500}.dk-total .hero-meter{background:#ffffff4d}.dk-total .hero-meter span{background:#fff}.dk-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dk-parts>div{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--brand-2);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.dk-parts>div:nth-child(2){border-top-color:var(--accent)}.dk-parts span{font-size:12px;color:var(--ink-2)}.dk-parts b{font-size:26px;color:var(--brand)}.dk-parts small{color:var(--ink-2)}.dk-grade{display:inline-block;min-width:56px;text-align:center;border-radius:10px;padding:2px 10px}.dk-grade.g-Ap,.dk-grade.g-A{background:var(--good-bg);color:var(--good)!important}.dk-grade.g-B{background:#e8f0ff;color:#2f5bb7!important}.dk-grade.g-C{background:var(--warn-bg);color:var(--warn)!important}.dk-grade.g-D{background:var(--bad-bg);color:var(--bad)!important}.dk-md{border-left:5px solid var(--accent)}@media (max-width: 760px){.dk-hero{grid-template-columns:1fr}.dk-parts{grid-template-columns:1fr 1fr}}.sup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}@media (max-width: 900px){.sup-grid{grid-template-columns:1fr}}.sup-page .card{padding:16px;margin-bottom:16px}.sup-page h3{margin:0 0 12px;font-size:15px}.sup-stats{display:flex;gap:4px}.sup-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}@media (max-width: 520px){.sup-kinds{grid-template-columns:1fr}}.sup-kind{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;transition:all .15s;color:var(--ink);font:inherit}.sup-kind small{color:var(--ink-2);font-size:12px}.sup-kind-ic{font-size:22px}.sup-kind:hover{border-color:var(--brand-2)}.sup-kind.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-soft)}.sup-kind.complain.on{border-color:var(--accent-dark);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.sup-kind.error.on{border-color:var(--bad);background:var(--bad-bg);box-shadow:0 0 0 3px var(--bad-bg)}.sup-page textarea{width:100%;box-sizing:border-box;resize:vertical}.sup-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.sup-intro{margin:-4px 0 10px}.sup-row input:not([type=file]){flex:1 1 220px;min-width:0}.sup-ai{margin-top:12px;border:1px solid var(--brand-2);border-left:4px solid var(--brand);border-radius:var(--radius);background:linear-gradient(180deg,var(--brand-soft),transparent 70%);padding:12px 14px}.sup-ai-head{font-weight:700;color:var(--brand);margin-bottom:6px}.sup-ai-body{white-space:pre-wrap;line-height:1.7}.sup-ai-src{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.sup-ai-ask{margin:12px 0 6px;font-weight:600}.sup-row input{flex:1 1 200px}.sup-file{cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-count{margin-left:auto;font-size:12px}.sup-note{padding:10px 14px;border-radius:var(--radius);margin-bottom:12px;cursor:pointer;font-weight:500}.sup-note.ok{background:var(--good-bg);color:var(--good)}.sup-note.warn{background:var(--warn-bg);color:var(--warn)}.sup-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:10px;border:0;border-radius:10px;background:transparent;cursor:pointer;font:inherit;color:var(--ink);border-left:3px solid transparent}.sup-item:hover{background:var(--muted-bg)}.sup-item.on{background:var(--brand-soft);border-left-color:var(--brand)}.sup-item-ic{font-size:18px}.sup-item-txt{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.sup-item-txt small{color:var(--ink-2);font-size:11px}.sup-thread-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.sup-no{color:var(--brand);font-weight:700}.sup-bubble{max-width:85%;padding:10px 14px;border-radius:14px;margin-bottom:10px}.sup-bubble.me{margin-left:auto;background:var(--brand-soft);border-bottom-right-radius:4px}.sup-bubble.them{background:var(--accent-soft);border:1px solid var(--accent);border-bottom-left-radius:4px}.sup-meta{font-size:11px;color:var(--ink-2);margin-bottom:4px}.sup-body{white-space:pre-wrap;word-break:break-word}.sup-shot{margin-top:8px;max-width:100%;max-height:260px;border-radius:8px;border:1px solid var(--line)}.sup-wait{text-align:center;font-size:13px}.sup-reply{display:flex;gap:8px;align-items:flex-end;margin-top:12px}.sup-page{padding-bottom:88px}.sup-empty{text-align:center;padding:48px 16px!important;color:var(--ink-2)}.sup-empty-ic{font-size:40px;margin-bottom:8px}