:root{--ink:#2f2a25;--ink2:#5d554d;--muted:#8d8276;--line:#e8e0d6;--line2:#d8cfc4;--cream:#f7f2e9;--paper:#fffcf7;--white:#fff;--bronze:#9b744a;--bronze-dark:#735235;--seal:#b34a3a;--green:#4f7a5a;--yellow:#c28a3b;--red:#c34d43;--blue:#4c6f91;--sidebar:#252925;--sidebar2:#313630;--shadow:0 10px 30px #42342714;--float:0 18px 50px #42342729}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.card{box-shadow:var(--shadow);background:#fffcf7f5;border:1px solid #ddd3c6e6;border-radius:18px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex}.card-title{font-size:14px;font-weight:700}.card-sub{color:var(--muted);margin-top:4px;font-size:11px}.btn{border:1px solid var(--line2);min-height:38px;color:var(--ink2);background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;transition:all .18s;display:inline-flex}.btn:hover:not(:disabled){border-color:#bea98f;transform:translateY(-1px)}.btn:focus-visible,.icon-button:focus-visible,.copyable:focus-visible{outline-offset:2px;outline:3px solid #4c6f9147}.btn:disabled{opacity:.48;cursor:not-allowed}.btn.primary{background:var(--bronze-dark);border-color:var(--bronze-dark);color:#fff}.btn.danger{color:var(--red);background:#fff5f3;border-color:#efc6c0}.btn.ghost{background:0 0;border-color:#0000}.btn.small{border-radius:8px;min-height:30px;padding:0 10px;font-size:11px}.btn.square{width:38px;padding:0}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.badge.green{color:#3f704c;background:#e7f1e9}.badge.red{color:#a9433b;background:#f8e4e1}.badge.yellow{color:#9a6a25;background:#f8eedb}.badge.blue{color:#3c6488;background:#e6eef7}.badge.gray{color:#6f655b;background:#efeae3}.badge.purple{color:#71558e;background:#eee8f5}.mini-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;min-height:56px;margin-bottom:16px;display:flex}.title-wrap h1{letter-spacing:.5px;margin:0;font-family:Noto Serif CJK SC,Songti SC,serif;font-size:25px}.title-wrap p{color:var(--muted);margin:6px 0 0;font-size:12px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kpi{min-height:104px;padding:16px;position:relative;overflow:hidden}.kpi-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.kpi-icon{width:30px;height:30px;color:var(--bronze-dark);background:#f4ebdf;border-radius:10px;place-items:center;display:grid}.kpi-value{letter-spacing:-1px;margin-top:10px;font-size:28px;font-weight:700}.kpi-foot{color:var(--muted);margin-top:4px;font-size:10px}.input-control{border:1px solid var(--line);height:36px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.input-control input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-control{width:min(300px,100%)}.select-control,.text-control{border:1px solid var(--line2);height:38px;color:var(--ink2);background:#fff;border-radius:10px;outline:none;padding:0 11px;font-size:12px}.select-control:focus,.text-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4c6f911f}.textarea-control{resize:vertical;width:100%;height:auto;min-height:92px;padding:10px}.progress{background:#ede7df;border-radius:99px;height:7px;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--bronze),#c49a6a);border-radius:99px;height:100%;display:block}.progress.green span{background:var(--green)}.progress.red span{background:var(--red)}.copyable{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;display:inline-flex}.copyable span{text-overflow:ellipsis;max-width:180px;overflow:hidden}.table-card{overflow:hidden}.table-scroll{max-width:100%;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:840px;font-size:11px}.data-table th{text-align:left;height:42px;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#fbf8f3;padding:0 14px;font-weight:500}.data-table td{height:54px;color:var(--ink2);vertical-align:middle;border-bottom:1px solid #efe8de;padding:8px 14px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fcf8f1}.pager{border-top:1px solid var(--line);min-height:52px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:11px;display:flex}.strong{color:var(--ink);font-weight:700}.muted{color:var(--muted)}.mono{font-family:Noto Sans Mono CJK SC,Cascadia Mono,monospace;font-size:10px}.link{color:var(--blue);align-items:center;gap:2px;font-weight:600;display:inline-flex}.right{text-align:right}.center{text-align:center}.skeleton-stack{padding:16px}.skeleton-row{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:30px;height:54px;display:grid}.skeleton-row span{background:linear-gradient(90deg,#eee8df,#faf7f2,#eee8df) 0 0/200% 100%;border-radius:7px;height:12px;animation:1.4s infinite shimmer}.state-panel{min-height:300px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.state-panel strong{color:var(--ink);margin-top:12px;font-size:15px}.state-panel p{max-width:380px;font-size:11px;line-height:1.7}.state-panel.error svg{color:var(--red)}.callout{border-radius:13px;gap:10px;padding:12px 14px;font-size:11px;line-height:1.6;display:flex}.callout.warn{color:#79551f;background:#fff6e7;border:1px solid #eed7b3}.callout.info{color:#3d627f;background:#eef4f9;border:1px solid #cadceb}.callout.danger{color:#8f403a;background:#fff0ee;border:1px solid #f0c5c0}.callout.success{color:#3e6849;background:#edf6ef;border:1px solid #cbe0cf}.modal-mask,.drawer-mask{z-index:1000;background:#1e1b1852;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid var(--line);border-radius:20px;width:min(500px,100vw - 32px);overflow:hidden;box-shadow:0 24px 70px #0003}.modal-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:18px 22px;display:flex}.modal-head h3{margin:0;font-size:16px}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.modal-icon{width:34px;height:34px;color:var(--green);background:#edf6ef;border-radius:10px;place-items:center;display:grid}.modal-icon.danger{color:var(--red);background:#fff0ee}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;margin-left:auto;display:grid}.icon-button:hover{background:var(--cream)}.modal-body{padding:20px 22px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.drawer-mask{justify-content:flex-end;display:flex}.drawer{background:var(--paper);width:min(540px,100vw);height:100%;box-shadow:var(--float)}.drawer-head{border-bottom:1px solid var(--line);align-items:center;height:66px;padding:0 20px;display:flex}.drawer-body{height:calc(100% - 66px);padding:20px;overflow:auto}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=900px){.page-head{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}.kpi-value{font-size:23px}}html,body,#root{width:100%;height:100%;min-height:100%;color:var(--ink);background:var(--cream);margin:0;font-family:Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:none}.app-shell{background:var(--cream);width:100%;height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--sidebar), #1f231f);color:#fff;z-index:20;flex-direction:column;flex:0 0 242px;width:242px;height:100%;padding:24px 16px 18px;transition:all .22s;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#b896692e,#0000 65%);width:330px;height:330px;position:absolute;top:-100px;left:-80px}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:74px;padding:0 12px 20px;display:flex;position:relative}.brand-mark{color:#4b3724;background:#ead7ba;border-radius:14px;place-items:center;width:42px;height:42px;font-family:Noto Serif CJK SC,Songti SC,serif;font-size:24px;display:grid;box-shadow:0 10px 30px #0000002e}.brand-name{letter-spacing:2px;font-family:Noto Serif CJK SC,Songti SC,serif;font-size:20px}.brand-sub{color:#ffffff8c;letter-spacing:.5px;margin-top:3px;font-size:10px}.sidebar-close{display:none}.nav{z-index:1;padding-top:18px;position:relative}.nav-group-title{color:#ffffff6b;letter-spacing:1.4px;margin:12px 0 8px;padding:0 14px;font-size:11px}.nav-item{color:#ffffffb8;border-radius:12px;align-items:center;gap:13px;height:46px;margin:3px 0;padding:0 14px;font-size:14px;transition:all .16s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#b0824f57,#b0824f29);box-shadow:inset 3px 0 #d9b382}.nav-item.active:after{content:"";background:#e2bb86;border-radius:50%;width:6px;height:6px;position:absolute;right:14px}.nav-spacer{flex:1}.side-status{z-index:1;background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;padding:14px 14px 13px;position:relative}.side-status-title{color:#ffffffd1;align-items:center;gap:8px;font-size:12px;display:flex}.health-dot{background:#72b47f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #72b47f1f}.health-dot.warn{background:#d79a4b}.side-status-text{color:#ffffff6b;margin-top:8px;font-size:11px;line-height:1.6}.shell{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffcf7f0;flex:none;align-items:center;gap:16px;height:66px;padding:0 28px;display:flex}.breadcrumb{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb b{color:var(--ink);font-weight:600}.top-search{border:1px solid var(--line);width:300px;height:38px;color:var(--muted);background:#fff;border-radius:12px;align-items:center;gap:9px;margin-left:auto;padding:0 12px;font-size:12px;display:flex}.top-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.top-search kbd{border:1px solid var(--line);white-space:nowrap;border-radius:5px;padding:2px 5px;font-size:9px}.env{color:#855c32;background:#f5e8d6;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:600}.top-icon{border:1px solid var(--line);width:36px;height:36px;color:var(--ink2);background:#fff;border-radius:11px;place-items:center;display:grid;position:relative}.bubble{background:var(--seal);color:#fff;border:2px solid var(--paper);border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:-4px;right:-4px}.admin-chip{border-left:1px solid var(--line);align-items:center;gap:10px;height:40px;padding-left:16px;display:flex}.avatar{color:#fff;background:#9b744a;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.admin-name{font-size:12px;font-weight:600}.admin-role{color:var(--muted);margin-top:2px;font-size:10px}.admin-chip button{color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:7px;display:grid}.admin-chip button:hover{background:var(--cream);color:var(--ink)}.mobile-menu{display:none}.main-content{background:radial-gradient(circle at 6% 5%, #caa87e1f, transparent 22%), radial-gradient(circle at 94% 86%, #a4846014, transparent 28%), var(--cream);flex:1;padding:24px 28px 28px;position:relative;overflow:auto}.content-grid{gap:16px;display:grid}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.dashboard-main{grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);margin-bottom:16px}.dashboard-bottom{grid-template-columns:1.2fr 1fr 1fr}.chart-card{min-height:360px}.chart-host{width:100%;height:290px;padding:8px}.health-list{padding:14px 18px}.metric-row{justify-content:space-between;align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.metric-row b{font-size:12px}.metric-stack{align-items:center;gap:8px;display:flex}.todo-list,.timeline-list{padding:8px 16px}.todo-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:grid}.todo-row:last-child{border-bottom:0}.todo-row small{color:var(--muted)}.timeline-entry{padding:10px 0 10px 26px;font-size:11px;position:relative}.timeline-entry:before{content:"";background:var(--line2);width:1px;position:absolute;top:17px;bottom:-10px;left:5px}.timeline-entry:last-child:before{display:none}.timeline-entry:after{content:"";border:3px solid var(--bronze);background:var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;top:16px;left:0}.timeline-entry small{color:var(--muted);margin-top:4px;display:block}.filterbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;min-height:58px;padding:10px 16px;display:flex}.filterbar .spacer{flex:1}.filterbar .search-control{width:260px}.inline-actions{align-items:center;gap:6px;display:flex}.user-cell{align-items:center;gap:10px;display:flex}.user-cell .avatar{width:30px;height:30px;font-size:10px}.cell-main{color:var(--ink);font-weight:700}.cell-sub{color:var(--muted);margin-top:3px;font-size:10px}.pagination-buttons{gap:6px;display:flex}.page-button{border:1px solid var(--line);min-width:28px;height:28px;color:var(--ink2);background:#fff;border-radius:8px}.page-button.active{background:var(--bronze-dark);color:#fff;border-color:var(--bronze-dark)}.detail-layout{grid-template-columns:330px minmax(0,1fr);gap:16px;min-height:690px;display:grid}.profile-card{padding:20px}.profile-top{text-align:center;border-bottom:1px solid var(--line);padding:10px 0 18px}.profile-top .avatar{width:72px;height:72px;margin:0 auto 12px;font-size:21px}.profile-name{font-size:18px;font-weight:700}.profile-id{color:var(--muted);margin-top:5px;font-size:10px}.profile-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.side-section{border-bottom:1px solid var(--line);padding:16px 0}.side-section:last-child{border-bottom:0}.side-label{color:var(--muted);margin-bottom:10px;font-size:10px}.side-row{justify-content:space-between;gap:14px;margin:8px 0;font-size:11px;display:flex}.detail-card{overflow:hidden}.tabbar{border-bottom:1px solid var(--line);align-items:flex-end;gap:24px;height:52px;padding:0 18px;display:flex;overflow:auto}.tab{height:52px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;font-size:12px;display:flex;position:relative}.tab.active{color:var(--ink);font-weight:700}.tab.active:after{content:"";background:var(--bronze);height:2px;position:absolute;bottom:-1px;left:0;right:0}.detail-body{padding:16px}.info-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.info-box{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px}.info-box .label{color:var(--muted);font-size:10px}.info-box .value{margin-top:6px;font-size:20px;font-weight:700}.info-box .hint{color:var(--muted);margin-top:4px;font-size:9px}.section-title{margin:20px 0 10px;font-size:13px;font-weight:700}.form-stack{gap:12px;display:grid}.form-row{grid-template-columns:140px 1fr;align-items:center;gap:12px;display:grid}.form-row label{color:var(--muted);font-size:11px}.split-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:16px;display:grid}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{padding:16px}.metric-card .label{color:var(--muted);font-size:10px}.metric-card .value{margin:8px 0;font-size:24px;font-weight:700}.code-box{color:#d8dfd6;white-space:pre-wrap;background:#282d29;border-radius:12px;padding:14px;font:11px/1.7 Cascadia Mono,monospace;overflow:auto}.permission-matrix{border-collapse:collapse;width:100%;font-size:10px}.permission-matrix th,.permission-matrix td{border:1px solid var(--line);text-align:center;padding:10px}.permission-matrix th:first-child,.permission-matrix td:first-child{text-align:left;background:#fbf8f3}.check-cell{width:22px;height:22px;color:var(--green);background:#e7f1e9;border-radius:7px;place-items:center;margin:auto;display:grid}.empty-cell{border:1px solid var(--line2);border-radius:7px;width:22px;height:22px;margin:auto}.login-page{background:var(--paper);grid-template-columns:58% 42%;width:100%;height:100%;display:grid}.login-art{background:#ede2d1 url(/assets/login-shanshui.png) 50%/cover no-repeat;position:relative;overflow:hidden}.login-art:after{content:"";background:#fffcf71f;position:absolute;inset:0}.login-brand{z-index:2;position:absolute;top:7.4%;left:8.6%}.login-brand h1{letter-spacing:10px;color:#3b2e21;margin:0;font-family:Noto Serif CJK SC,Songti SC,serif;font-size:52px}.red-seal{background:var(--seal);color:#fff;vertical-align:middle;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:10px;font-family:Noto Serif CJK SC,Songti SC,serif;font-size:9px;line-height:1;display:inline-grid}.login-brand p{color:#6f6256;letter-spacing:2px;margin-top:16px;font-size:15px}.login-quote{z-index:2;color:#6d6257;max-width:470px;font-family:Noto Serif CJK SC,Songti SC,serif;position:absolute;bottom:10%;left:8.6%}.login-quote b{font-size:26px;font-weight:500;line-height:1.7}.login-quote p{font-size:12px;line-height:1.8}.login-form-wrap{background:#fbf8f2;justify-content:center;align-items:center;padding:30px;display:flex}.login-card{width:min(430px,100%)}.login-card h2{margin:0;font-family:Noto Serif CJK SC,Songti SC,serif;font-size:28px}.login-card .sub{color:var(--muted);margin:8px 0 28px;font-size:12px}.field{margin-bottom:16px}.field label{color:var(--ink2);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.field-box{border:1px solid var(--line2);height:48px;color:var(--muted);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:12px;display:flex}.field-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.login-button{background:var(--bronze-dark);color:#fff;border:0;border-radius:12px;width:100%;height:48px;margin-top:8px;font-size:14px;box-shadow:0 12px 26px #7352352e}.login-button:disabled{opacity:.55}.login-meta{color:var(--muted);justify-content:space-between;margin-top:14px;font-size:10px;display:flex}.security-note{border:1px solid var(--line);color:var(--ink2);background:#f5efe7;border-radius:12px;gap:10px;margin-top:28px;padding:14px;font-size:10px;line-height:1.6;display:flex}.login-error{color:var(--red);background:#fff0ee;border:1px solid #f0c5c0;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:11px}.mfa-qr{border:1px solid var(--line);background:#fff;border-radius:16px;width:220px;height:220px;margin:0 auto 18px;padding:10px;display:block}.manual-key{word-break:break-all;background:var(--cream);border-radius:10px;margin-bottom:14px;padding:10px;font:11px/1.6 Cascadia Mono,monospace}.boot-loading{background:var(--paper);border:1px solid var(--line);width:min(900px,90vw);box-shadow:var(--shadow);border-radius:18px;margin:12vh auto}.toast-stack{z-index:1200;gap:10px;display:grid;position:fixed;bottom:24px;right:24px}.toast{color:#fff;min-width:280px;box-shadow:var(--float);background:#2f342f;border-radius:12px;padding:12px 14px;font-size:12px}.login-button{justify-content:center;align-items:center;display:flex}.passkey-button{border:1px solid var(--line2);width:100%;height:42px;color:var(--ink2);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.passkey-button:hover:not(:disabled){border-color:var(--bronze)}.passkey-button:disabled{opacity:.45}.section-nav{border:1px solid var(--line);background:#fffcf7b8;border-radius:14px;align-items:center;gap:6px;margin:-2px 0 16px;padding:6px;display:flex;overflow:auto;box-shadow:0 6px 18px #4234270a}.section-nav a{color:var(--muted);white-space:nowrap;border-radius:9px;padding:8px 13px;font-size:11px}.section-nav a:hover{color:var(--ink);background:#f4eee5}.section-nav a.active{background:var(--bronze-dark);color:#fff;font-weight:700}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.system-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.field-label{color:var(--ink2);gap:7px;font-size:11px;font-weight:600;display:grid}.field-label .text-control,.field-label .select-control{width:100%}.form-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkbox-row{color:var(--ink2);align-items:center;gap:9px;font-size:11px;display:flex}.checkbox-row input{accent-color:var(--bronze-dark)}.checkbox-row span{flex:1;gap:2px;display:grid}.checkbox-row small{color:var(--muted);font-size:9px}.link-button{color:var(--blue);background:0 0;border:0;padding:0;font-size:11px}.compact-value{letter-spacing:0!important;font-size:13px!important}.inner-tabs{margin:16px -16px 0}.note-form{padding:16px 0}.evidence-grid,.rule-grid,.flag-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.evidence-card{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.evidence-icon{width:36px;height:36px;color:var(--bronze-dark);background:#f2e9de;border-radius:11px;place-items:center;display:grid}.evidence-text{white-space:pre-wrap;background:#f7f2ea;border-radius:12px;max-height:420px;padding:14px;font:11px/1.8 Cascadia Mono,monospace;overflow:auto}.rule-card,.flag-card,.template-card{box-shadow:none;background:#fff;padding:16px}.rule-card h3,.flag-card h3,.template-card h3{margin:10px 0 6px;font-size:14px}.rule-card p,.flag-card p,.template-card p{color:var(--muted);font-size:11px;line-height:1.7}.rule-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.flag-key{color:var(--blue)}.tag-row,.component-demo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.progress-cell{grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:8px;min-width:130px;display:grid}.error-text{color:var(--red)}.clamp{text-overflow:ellipsis;white-space:nowrap;max-width:290px;overflow:hidden}.notification-preview{border:1px solid var(--line);background:#fbf8f3;border-radius:13px;margin:14px 0;padding:14px}.notification-preview p{margin:7px 0 0}.content-row{border-bottom:1px solid var(--line);padding:14px 18px;font-size:11px}.content-row summary{cursor:pointer;align-items:center;gap:8px;font-weight:700;display:flex}.disk-row{margin:16px 0}.disk-row small{text-align:right;color:var(--muted);margin-top:6px;display:block}.path-text{word-break:break-all;background:#f4efe7;border-radius:9px;padding:10px}.permission-matrix th small,.permission-matrix td small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.permission-picker{gap:10px;max-height:340px;display:grid;overflow:auto}.permission-picker fieldset{border:1px solid var(--line);border-radius:12px;gap:8px;padding:10px 12px;display:grid}.permission-picker legend{color:var(--bronze-dark);padding:0 6px;font-size:10px;font-weight:700}.audit-table{min-width:1100px}.hash-cell{color:var(--green)}.audit-proof{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:14px;display:grid}.audit-proof>div{gap:6px;display:grid}.audit-proof span{color:var(--muted);font-size:9px}.audit-proof code{text-overflow:ellipsis;color:var(--green);font-size:9px;overflow:hidden}.swatch-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.swatch{grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;gap:2px 10px;font-size:11px;display:grid}.swatch>span{border:1px solid var(--line);border-radius:12px;grid-row:1/3;width:42px;height:42px}.swatch code{color:var(--muted);font-size:9px}@media (width<=1280px){.sidebar{flex-basis:82px;width:82px;padding-inline:12px}.brand{justify-content:center;padding-inline:8px}.brand-copy,.nav-item span,.nav-group-title,.side-status-text,.side-status-title{display:none}.nav-item{justify-content:center;padding:0}.nav-item.active:after{right:8px}.side-status{place-items:center;height:44px;padding:0;display:grid}.side-status .health-dot{display:block}.top-search{width:240px}.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-bottom{grid-template-columns:1fr 1fr}.dashboard-bottom>:last-child{grid-column:1/-1}.admin-copy{display:none}}@media (width<=900px){body{overflow:auto}.app-shell{min-height:100vh}.sidebar{width:242px;height:100vh;box-shadow:var(--float);padding:24px 16px 18px;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.brand{justify-content:flex-start}.brand-copy,.nav-item span,.nav-group-title,.side-status-title,.side-status-text{display:block}.nav-item{justify-content:flex-start;padding:0 14px}.sidebar-close{color:#fff;background:#ffffff14;border:0;border-radius:9px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.side-status{height:auto;padding:14px}.side-status-title{display:flex}.mobile-menu{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.topbar{padding:0 14px}.top-search,.breadcrumb span:first-child,.breadcrumb span:nth-child(2),.admin-chip,.top-icon{display:none}.env{margin-left:auto}.main-content{padding:18px 14px}.kpi-grid,.mini-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main,.dashboard-bottom,.detail-layout,.split-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100vh}.filterbar .search-control{width:100%}.form-row{grid-template-columns:1fr}.actions{width:100%}}@media (width<=540px){.kpi-grid,.mini-grid,.info-grid{grid-template-columns:1fr}.kpi{min-height:92px}.page-head{margin-bottom:12px}.title-wrap h1{font-size:22px}.actions .btn{flex:1}.login-form-wrap{padding:24px}.modal-foot{flex-wrap:wrap}.modal-foot .btn{flex:1}}@media (width<=1100px){.three-column{grid-template-columns:1fr 1fr}.three-column>:last-child{grid-column:1/-1}.system-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.two-column,.three-column,.rule-grid,.flag-grid,.template-grid{grid-template-columns:1fr}.three-column>:last-child{grid-column:auto}.form-pair{grid-template-columns:1fr}.section-nav{margin-bottom:12px}.evidence-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:1fr 1fr}}@media (width<=540px){.system-kpis,.swatch-grid{grid-template-columns:1fr}.evidence-card{grid-template-columns:auto 1fr}.evidence-card .btn{grid-column:1/-1}.audit-proof{grid-template-columns:1fr}.audit-proof>svg{display:none}}