.layout{display:flex;background:var(--bg-page)}.layout,.login-container{height:100%}.sider{width:240px;background:linear-gradient(180deg,var(--primary-600) 0,var(--primary-500) 100%);color:#fff;display:flex;flex-direction:column;box-shadow:1px 0 0 var(--border-200),var(--shadow-sm)}.brand{height:64px;padding:0 16px;gap:10px}.brand,.logo-circle{display:flex;align-items:center}.logo-circle{width:80px;height:70px;justify-content:center}.logo-img{width:70px;height:70px;-o-object-fit:contain;object-fit:contain}.brand-text{font-weight:600;letter-spacing:.3px}.menu{display:flex;flex-direction:column;padding:8px}.menu-group{opacity:.8;font-size:12px;padding:8px 16px;text-transform:none}.menu-item{position:relative;display:flex;align-items:center;gap:10px;color:hsla(0,0%,100%,.92);text-decoration:none;padding:10px 12px;margin:4px 8px;border-radius:var(--radius-s);transition:background .2s ease}.menu-item:hover{background:hsla(0,0%,100%,.12)}.menu-item.active{background:hsla(0,0%,100%,.18);color:#fff}.menu-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:#fff;border-radius:2px}.icon{width:16px;height:16px;display:inline-block;opacity:.95}.icon-dashboard{border:2px solid currentColor;border-radius:4px}.icon-users{border:2px solid currentColor;border-radius:50%;position:relative}.icon-users:after{content:"";position:absolute;right:-5px;top:-2px;width:6px;height:6px;border-radius:50%;border:2px solid currentColor}.icon-document{border:2px solid currentColor;border-radius:2px;position:relative}.icon-document:after{content:"";position:absolute;top:2px;right:2px;width:4px;height:4px;border:1px solid currentColor;border-radius:1px}.icon-shield{border:2px solid currentColor;border-radius:8px 8px 4px 4px;position:relative}.icon-shield:after{content:"";position:absolute;top:2px;left:2px;right:2px;height:2px;background:currentColor;border-radius:1px}.icon-settings{border:2px dashed currentColor;border-radius:50%}.main{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:64px;background:var(--bg-surface);border-bottom:1px solid var(--border-200);display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:var(--shadow-sm)}.breadcrumb{color:var(--text-600);font-size:14px}.breadcrumb.mobile{display:none}.menu-toggle{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);color:var(--text-900);border:1px solid var(--border-200);height:36px;padding:0 10px;border-radius:var(--radius-s);gap:8px;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);cursor:pointer}.menu-toggle:hover{background:var(--primary-50);border-color:var(--primary-300)}.menu-toggle:active{transform:translateY(.5px)}.menu-icon svg{width:18px;height:18px;fill:currentColor;display:block}.menu-text{font-weight:600}.breadcrumb a{color:var(--primary-600);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.right{gap:12px}.right,.user-menu{display:flex;align-items:center}.user-menu{position:relative;gap:6px;padding:6px 10px;border-radius:var(--radius-s);cursor:pointer}.user-menu:hover{background:var(--primary-50)}.user-name{color:var(--text-900);font-weight:600}.caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-600)}.dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:var(--bg-surface);border:1px solid var(--border-200);border-radius:var(--radius-m);box-shadow:var(--shadow-md);padding:6px;display:none}.dropdown-item{padding:8px 10px;border-radius:var(--radius-s);color:var(--text-900)}.dropdown-item:hover{background:var(--primary-50)}.dropdown-item.danger{color:#c0392b}.dropdown-divider{height:1px;background:var(--border-200);margin:4px 0}.user-menu:focus-within .dropdown,.user-menu:hover .dropdown{display:block}.content{flex:1;overflow:auto}.content,.content-body{padding:16px}.footer{height:44px;justify-content:center;color:var(--text-600);font-size:12px}.footer,.user-badge{display:flex;align-items:center}.user-badge{height:28px;padding:0 10px;border-radius:14px;background:var(--primary-50);color:var(--primary-600);border:1px solid var(--border-200)}@media(max-width:1200px){.sider{width:220px}}@media(max-width:992px){.layout{position:relative}.sider{position:fixed;left:0;top:0;bottom:0;width:84vw;max-width:320px;transform:translateX(-100%);transition:transform .2s ease;z-index:1100}.layout.drawer-open .sider{transform:translateX(0)}.drawer-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:1090}.menu-toggle{display:inline-flex;align-items:center;width:40px;height:40px;padding:0;border-radius:10px}.breadcrumb.desktop,.menu-text{display:none}.breadcrumb.mobile{display:inline;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:root{--primary-50:#e8f1fd;--primary-100:#d2e3fb;--primary-500:#1a73e8;--primary-600:#155fc7;--bg-page:#f5f7fb;--bg-surface:#fff;--text-900:#0e223d;--text-600:#40566b;--border-200:#e6edf5;--radius-s:6px;--radius-m:10px;--radius-l:14px;--shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.08);--shadow-md:0 6px 16px rgba(16,24,40,.08)}*{box-sizing:border-box}#app,body,html{height:100%}body{margin:0;background:var(--bg-page);color:var(--text-900)}body,button,input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(26,115,232,.18),rgba(21,95,199,.28));border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(26,115,232,.28),rgba(21,95,199,.38))}a{color:var(--primary-600);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg-surface);border:1px solid var(--border-200);border-radius:var(--radius-m);box-shadow:var(--shadow-sm)}.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.muted{color:var(--text-600)}.divider{height:1px;background:var(--border-200)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:grid;gap:12px}.toast{min-width:280px;max-width:420px;padding:16px 20px;border-radius:var(--radius-m);color:#fff;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease;box-shadow:var(--shadow-md);font-size:14px;font-weight:500;line-height:1.4}.toast.show{opacity:1;transform:translateY(0)}.toast-info{background:linear-gradient(135deg,var(--primary-600),var(--primary-500))}.toast-info,.toast-success{border:1px solid hsla(0,0%,100%,.1)}.toast-success{background:linear-gradient(135deg,#14804a,#16a34a)}.toast-error{background:linear-gradient(135deg,#c9372c,#dc2626)}.toast-error,.toast-warn{border:1px solid hsla(0,0%,100%,.1)}.toast-warn{background:linear-gradient(135deg,#b54708,#d97706)}.modal-root{position:fixed;inset:0;z-index:10000;pointer-events:none}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal-box{width:360px;background:#fff;border-radius:var(--radius-m);box-shadow:var(--shadow-md);overflow:hidden}.modal-header{padding:12px 14px;font-weight:700;border-bottom:1px solid var(--border-200)}.modal-content{padding:16px 14px;color:var(--text-900)}.modal-footer{padding:10px 14px;display:flex;justify-content:flex-end;border-top:1px solid var(--border-200)}.modal-btn{height:32px;padding:0 12px;border-radius:var(--radius-s);background:var(--primary-600);color:#fff;border:none;cursor:pointer}.modal-btn:hover{filter:brightness(1.05)}