*{box-sizing:border-box}body{color:#17243b;background:#f5f7fb;margin:0;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}.shell{min-height:100vh;display:flex}aside{color:#d0d7e2;background:#101d33;flex-shrink:0;width:230px;padding:30px 18px}.brand{color:#fff;font-size:22px;font-weight:750}.brand span{color:#74a9ff}.caption{color:#91a0b7;margin-bottom:30px;font-size:12px}nav{gap:5px;display:grid}nav a{color:#bbc9dd;border-radius:7px;padding:11px 14px;font-size:14px;text-decoration:none}nav a.router-link-exact-active,nav a:hover{color:#fff;background:#253d61}aside>small{color:#8d9cb4;margin:30px 12px;display:block}main{flex:1;min-width:0}header{background:#fff;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;height:74px;padding:0 36px;font-size:14px;display:flex}.badge{color:#3265b8;background:#edf3ff;border-radius:20px;padding:6px 10px;font-size:12px}section{max-width:1180px;padding:38px}.eyebrow{letter-spacing:2px;color:#6783a6;font-size:11px}h1{margin:12px 0;font-size:30px}.description{color:#718095;line-height:1.8}.cards{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;display:grid}.empty,article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:25px}article small{color:#718095}article h2{font-size:20px}.empty{min-height:170px;margin-top:30px}.empty p{color:#718095;font-size:14px;line-height:1.8}@media (width<=760px){aside{width:164px;padding:22px 10px}.brand{font-size:17px}section{padding:22px}.cards{grid-template-columns:1fr}header{padding:0 22px}}:root{--page-bg:#f3f5f8;--card-bg:#fff;--sidebar-bg:#14243b;--sidebar-hover:#203652;--sidebar-active:#29466c;--primary:#285fc6;--success:#16805c;--warning:#a86612;--danger:#ba3434;--info:#3265b8;--text:#1c2b3e;--text-secondary:#607084;--text-muted:#8794a5;--border:#dce3eb;--border-light:#edf0f4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-control:8px;--radius-card:11px;--shadow-card:0 1px 3px #14243b0a;--sidebar-width:224px;--page-padding:28px}body{background:var(--page-bg);color:var(--text)}.shell{width:100%}.shell>aside{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--sidebar-bg);flex-direction:column;min-height:100vh;padding:26px 14px;display:flex}.shell>aside nav a{border-radius:7px;padding:9px 12px;font-size:13px}.shell>aside nav a:hover{background:var(--sidebar-hover)}.shell>aside nav a.router-link-exact-active{background:var(--sidebar-active);font-weight:650}.shell>aside nav a:nth-child(5),.shell>aside nav a:nth-child(9){border-top:1px solid #31435a;border-radius:0;margin-top:15px;padding-top:15px}.shell>aside>small{margin:auto 10px 0;padding-top:28px}.shell>main{min-width:0;width:calc(100% - var(--sidebar-width));background:var(--page-bg);flex:1}.shell>main>header{height:auto;min-height:60px;padding:10px var(--page-padding);border-color:var(--border-light)}.admin-page,.shell>main>section{width:100%;max-width:none;padding:var(--page-padding);margin:0}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.page-heading h1,section>h1{margin:0 0 7px;font-size:23px;line-height:1.3}.description{color:var(--text-secondary);margin:0 0 20px;line-height:1.6}.page-heading .description{margin:0}.page-card,.shell .empty,.shell article{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6)}.page-card{width:100%;min-width:0}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.table-shell{width:100%;overflow-x:auto}.table-shell table{border-collapse:collapse;white-space:nowrap;width:100%}.table-shell th{text-align:left;color:var(--text-secondary);background:#f8fafc;font-size:12px;font-weight:650}.table-shell td,.table-shell th{border-bottom:1px solid var(--border-light);padding:12px 14px}.table-shell tbody tr:hover{background:#fafcff}.status-tag{white-space:nowrap;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.status-success{color:#147551;background:#e8f6ef}.status-warning{color:#9b5e0b;background:#fff3dd}.status-danger{color:#ad3030;background:#fcebea}.status-info{color:#2f61ae;background:#eaf2ff}.status-neutral{color:#677589;background:#f0f2f5}.pagination-bar{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:16px;font-size:13px;display:flex}.pagination-bar>div{align-items:center;gap:9px;display:flex}.current-page{border:1px solid var(--primary);min-width:30px;height:30px;color:var(--primary);border-radius:6px;place-items:center;font-weight:650;display:inline-grid}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 16px}.empty-state strong{color:var(--text);font-size:16px}.empty-state p{margin:8px 0 18px}.form-section{border-top:1px solid var(--border-light);padding:24px 0}.form-section:first-child{border-top:0;padding-top:0}.form-section h3{margin:0;font-size:16px}.form-section>p{color:var(--text-secondary);margin:4px 0 0}.form-section-body{margin-top:18px}button,input,select,textarea{border-radius:var(--radius-control)}button.primary{background:var(--primary)}:is(button,input,textarea,select,a):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1100px){:root{--sidebar-width:180px;--page-padding:20px}}@media (width<=760px){:root{--sidebar-width:142px;--page-padding:14px}.page-heading{flex-wrap:wrap}.cards{grid-template-columns:1fr}}body:has(.shell){height:100vh;overflow:hidden}.shell{overflow:hidden}.shell,.shell>aside{height:100vh;min-height:0}.shell>aside .brand,.shell>aside .caption,.shell>aside>small{flex-shrink:0}.shell>aside nav{flex:1;align-content:start;min-height:0;overflow-y:auto}.shell>aside>small{margin:0 10px}.shell>main{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.shell>main>header{flex:none}.main-scroll{flex:1;min-height:0;overflow:hidden auto}.main-scroll>section{width:100%;max-width:none;padding:var(--page-padding);margin:0}.main-scroll,.shell>aside nav{scrollbar-width:thin;scrollbar-color:#aab6c5 transparent}.main-scroll::-webkit-scrollbar{width:7px}.shell>aside nav::-webkit-scrollbar{width:7px}.main-scroll::-webkit-scrollbar-thumb{background:#aab6c5;border-radius:8px}.shell>aside nav::-webkit-scrollbar-thumb{background:#aab6c5;border-radius:8px}.shell>aside nav::-webkit-scrollbar-thumb{background:#52677e}.pagination-bar{gap:12px;min-width:0}.pagination-summary{white-space:nowrap}.pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.pagination-controls label,.pagination-jump{white-space:nowrap;align-items:center;gap:5px;display:flex}.pagination-controls select{min-width:65px;height:34px;padding:5px 8px}.pagination-controls button{min-height:32px;padding:5px 9px}.pagination-controls .page-number{min-width:32px}.pagination-controls .page-number.active{border-color:var(--primary);color:var(--primary);background:#eef4ff;font-weight:650}.page-ellipsis{padding:0 3px}.pagination-jump input{width:58px;height:34px;padding:5px 7px}.conversation-list .pagination-bar{padding:12px;display:block}.conversation-list .pagination-controls{justify-content:flex-start;margin-top:8px}.conversation-list .pagination-jump{flex-wrap:wrap}