: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-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}}.card-head{gap:16px;min-height:64px;padding:10px 20px}.card-title{font-size:15px}.card-sub{margin-top:5px;font-size:12px;line-height:1.5}.btn{min-height:40px;padding:0 16px;font-size:13px}.btn.small{min-height:34px;padding:0 11px;font-size:12px}.btn.square{width:40px}.badge{min-height:26px;padding:0 9px;font-size:11px}.page-head{min-height:64px;margin-bottom:20px}.title-wrap h1{font-size:26px}.title-wrap p{margin-top:7px;font-size:13px;line-height:1.5}.kpi{min-height:116px;padding:18px}.kpi-label{font-size:12px}.kpi-value{font-size:29px}.kpi-foot{margin-top:5px;font-size:12px}.input-control{height:40px;padding:0 12px}.input-control input,.select-control,.text-control{font-size:13px}.select-control,.text-control{height:40px;padding:0 12px}.textarea-control{height:auto;min-height:96px;padding:11px}.data-table{font-size:13px}.data-table th{height:46px;padding:0 16px;font-weight:600}.data-table td{height:60px;padding:10px 16px}.pager{min-height:56px;padding:9px 18px;font-size:12px}.mono{font-size:12px}.skeleton-row{height:58px}.state-panel strong{font-size:16px}.state-panel p{max-width:420px;font-size:13px}.callout{padding:13px 15px;font-size:13px;line-height:1.65}.modal-head h3{font-size:17px}.modal-head p{font-size:13px;line-height:1.5}.modal-body{padding:22px}.modal-foot{padding:15px 22px}.modal{flex-direction:column;max-height:calc(100vh - 32px);display:flex}.modal-head,.modal-foot{flex:none}.modal-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}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-logo{object-fit:contain;filter:drop-shadow(0 8px 18px #0003);flex:none;width:52px;height:52px;margin:-5px}.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}.task-center-grid{grid-template-columns:minmax(0,1.35fr) minmax(420px,.9fr);align-items:start;gap:18px;display:grid}.task-center-side{gap:18px;display:grid}.task-group{overflow:hidden}.task-reports{min-height:520px}.task-list{padding:8px 20px 14px}.task-list .todo-row{min-height:62px}.task-list .todo-row>span:nth-child(2){gap:4px;min-width:0;display:grid}.task-list .todo-row b,.task-list .todo-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-group .state-panel{min-height:190px}.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;align-items:center;gap:18px;display:flex;position:absolute;top:7.4%;left:8.6%}.login-logo{object-fit:contain;filter:drop-shadow(0 14px 28px #54422f33);flex:none;width:118px;height:118px}.login-brand-copy{min-width:0}.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}.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-logo{width:50px;height:50px}.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{align-items:flex-start;min-height:100vh;padding-top:clamp(64px,14vh,120px)}.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:clamp(64px,14vh,120px) 24px 40px}.modal-foot{flex-wrap:wrap}.modal-foot .btn{flex:1}}.metric-row,.todo-row,.timeline-entry,.side-row,.content-row,.metric-row b{font-size:13px}.todo-row small,.timeline-entry small{font-size:12px}.cell-sub,.profile-id,.side-label,.info-box .label,.info-box .hint,.metric-card .label{font-size:12px;line-height:1.5}.side-row,.form-row label,.tab,.section-nav a,.field-label,.checkbox-row,.link-button,.rule-card p,.flag-card p,.template-card p,.evidence-text,.content-row{font-size:13px}.checkbox-row small,.permission-picker legend,.permission-matrix,.permission-matrix small,.audit-proof span,.audit-proof code,.swatch code{font-size:11px}.top-search,.top-search input{font-size:13px}.top-search kbd{font-size:10px}.env{padding:7px 11px;font-size:12px}.profile-id,.info-box .hint{margin-top:5px}.info-box{padding:16px}.info-box .value{margin-top:7px}.section-title{margin:24px 0 12px;font-size:14px}.detail-body{gap:18px;padding:20px;display:grid}.info-grid{gap:16px}.inner-tabs{margin:2px -20px 0}.note-form{padding:2px 0 0}.tabbar,.section-nav{scrollbar-width:none;overflow:auto hidden}.tabbar::-webkit-scrollbar{display:none}.section-nav::-webkit-scrollbar{display:none}.tabbar{gap:28px;padding:0 20px}.tab{font-size:13px}.form-stack,.form-pair{gap:16px}.inline-actions{flex-wrap:wrap;gap:8px}.code-box{overflow-wrap:anywhere;min-height:72px;font-size:12px;line-height:1.75}.sidebar-account{z-index:1;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:15px;align-items:center;gap:7px;padding:10px;display:flex;position:relative}.sidebar-account-link{border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:2px;display:flex}.sidebar-account-link:hover{background:#ffffff0a}.sidebar-account .avatar{color:#4b3724;background:#ead7ba;width:36px;height:36px}.sidebar-account-copy{gap:2px;min-width:0;display:grid}.sidebar-account-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-account-copy span{color:#ffffff8f;white-space:nowrap;font-size:11px}.sidebar-account-copy .sidebar-security{color:#96c89f;align-items:center;gap:4px;margin-top:2px;display:flex}.sidebar-logout{color:#ffffff94;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sidebar-logout:hover{color:#fff;background:#ffffff14}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.settings-card-body{padding:20px}.settings-identity{align-items:center;gap:12px;padding-bottom:4px;display:flex}.settings-avatar{width:46px;height:46px;font-size:15px}.settings-actions{justify-content:flex-end;display:flex}.security-setting-list,.settings-list{display:grid}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;font-size:13px;display:flex}.setting-row:first-child{padding-top:0}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.55}.passkey-register{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.session-setting{align-items:flex-start}.session-setting p{text-overflow:ellipsis;white-space:nowrap;max-width:620px;overflow:hidden}.settings-environment{grid-column:1/-1}.role-choice-list{gap:9px;display:grid}.role-choice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.role-choice:has(input:checked){background:#fcf8f1;border-color:#bea98f}.role-choice b{font-size:13px}.role-choice small{font-size:12px;line-height:1.5}.event-detail{gap:18px;display:grid}.event-detail .state-panel{min-height:150px}.event-metadata{border-top:1px solid var(--line);padding-top:14px}.event-metadata summary{cursor:pointer;color:var(--blue);margin-bottom:12px;font-size:13px;font-weight:700}.login-session-policy{color:var(--muted);margin:-3px 0 10px;font-size:12px;line-height:1.55}@media (width<=1280px){.sidebar-account{justify-content:center;height:52px;padding:7px}.sidebar-account-copy,.sidebar-logout{display:none}.sidebar-account-link{justify-content:center}.sidebar-account .avatar{width:36px;height:36px}}@media (width<=1000px){.settings-layout{grid-template-columns:1fr}.settings-environment{grid-column:auto}}@media (width<=1100px){.task-center-grid{grid-template-columns:1fr}.task-reports{min-height:auto}}@media (width<=900px){.sidebar-account{justify-content:flex-start;height:auto;padding:10px}.sidebar-account-copy,.sidebar-logout{display:grid}.sidebar-account-link{justify-content:flex-start}.detail-body{gap:16px;padding:16px}.inner-tabs{margin:0 -16px}.top-search{display:none}}@media (width<=540px){.passkey-register{grid-template-columns:1fr}.setting-row{flex-direction:column;align-items:flex-start}.setting-row>.badge{align-self:flex-start}}@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}}