*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Segoe UI,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:14px;color:#1d2733;background:#f4f6f8;letter-spacing:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit}.admin-shell{display:flex;min-height:100%}.sidebar{width:224px;flex:0 0 224px;background:#122033;color:#dbe6f3;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .2s ease;overflow:hidden}.sidebar.collapsed{width:68px;flex-basis:68px}.brand{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;background:#1f6feb;color:#fff;font-weight:700;font-size:16px}.brand-name{white-space:nowrap;font-weight:600;font-size:15px}.nav{display:flex;flex-direction:column;gap:6px;padding:14px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#b9c7d8;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#1f6feb;color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;flex:0 0 60px;background:#fff;border-bottom:1px solid #dde3ea;display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:20}.topbar-title{font-weight:600;font-size:15px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.admin-name{color:#4d5b6b}.content{padding:22px;flex:1}.page{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-header h2{margin:0 0 4px;font-size:20px}.page-header p{margin:0;color:#67758a}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grow{flex:1;min-width:220px}.panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e6ebf1}.panel-header h3{margin:0;font-size:15px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 14px;border-bottom:1px solid #edf0f4;vertical-align:middle;white-space:nowrap}.table th{background:#f7f9fb;color:#55657a;font-weight:600;font-size:13px}.table tr:last-child td{border-bottom:0}.table td{max-width:260px;overflow:hidden;text-overflow:ellipsis}.actions-col{width:220px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.link{color:#1668dc;text-decoration:none}.link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:8px 14px;cursor:pointer;background:#fff;color:#344054;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover{border-color:#cbd5e1}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:13px}.btn-primary{background:#1668dc;color:#fff;border-color:#1668dc}.btn-primary:hover{background:#0f55b8;border-color:#0f55b8}.btn-success{background:#e8f6ee;color:#12724a;border-color:#bfe6d1}.btn-success:hover{background:#d2efdd;border-color:#8fceac}.btn-danger{background:#fdecec;color:#b33535;border-color:#f3c8c8}.btn-danger:hover{background:#f9dcdc;border-color:#e5a3a3}.btn-danger-ghost{background:transparent;color:#c03c3c}.btn-danger-ghost:hover{background:#fdecec;border-color:#f3c8c8}.btn-ghost{background:transparent;border-color:#d6dee8}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;color:#4d5b6b}.icon-btn:hover{background:#f1f4f8;border-color:#dde3ea}.input-wrap{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;background:#fff;border:1px solid #d4dbe4;border-radius:6px;color:#7a8798}.input-wrap:focus-within{border-color:#7aa8ef;box-shadow:0 0 0 3px #1668dc1f}.input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field>span{font-weight:600;color:#425066}.field textarea{border:1px solid #d4dbe4;border-radius:6px;padding:10px 12px;outline:0;resize:vertical;background:#fff}.field textarea:focus{border-color:#7aa8ef;box-shadow:0 0 0 3px #1668dc1f}.segmented{display:inline-flex;background:#e9edf2;border-radius:8px;padding:3px;gap:2px}.segment{border:0;background:transparent;padding:7px 14px;border-radius:6px;cursor:pointer;color:#546275;white-space:nowrap}.segment.active{background:#fff;color:#1668dc;font-weight:600;box-shadow:0 1px 2px #10182814}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge.success{background:#e8f6ee;color:#12724a}.badge.danger{background:#fdecec;color:#b33535}.badge.warning{background:#fdf3e3;color:#9a640d}.badge.info{background:#e8f0fc;color:#0f55b8}.badge.muted{background:#eef1f5;color:#6b7888}.muted{color:#8b96a6}.notice{padding:11px 14px;border-radius:6px;background:#e8f6ee;color:#12724a;border:1px solid #bfe6d1}.notice.error{background:#fdecec;color:#b33535;border-color:#f3c8c8}.empty-state{padding:36px;text-align:center;color:#8b96a6}.pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end}.page-info{color:#4d5b6b}.total-text{color:#7a8798}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a73;display:grid;place-items:center;padding:20px}.modal{width:100%;background:#fff;border-radius:8px;box-shadow:0 18px 50px #0f172a40;max-height:calc(100vh - 60px);display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e6ebf1}.modal-header h3{margin:0;font-size:16px}.modal-body{padding:18px;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #e6ebf1}.detail-block{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:#f7f9fb;border-radius:6px;margin-bottom:14px}.detail-block span{color:#7a8798;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#14243c47,#14243ca3),repeating-linear-gradient(45deg,#e7edf5 0,#e7edf5 2px,#f6f8fb 2px,#f6f8fb 12px);padding:20px}.login-panel{width:100%;max-width:400px;background:#fff;border-radius:10px;padding:30px 32px;box-shadow:0 20px 60px #0f172a38}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-brand span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:9px;background:#1668dc;color:#fff;font-size:18px;font-weight:700}.login-brand h1{margin:0;font-size:20px}.login-form{display:flex;flex-direction:column}.form-error{margin:0 0 12px;color:#c03c3c;background:#fdecec;border:1px solid #f3c8c8;padding:9px 12px;border-radius:6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dde3ea;border-radius:8px;padding:16px;min-height:84px}.stat-card svg{color:#1668dc;background:#e8f0fc;border-radius:8px;padding:8px;width:40px;height:40px}.stat-card.green svg{color:#12724a;background:#e8f6ee}.stat-card.red svg{color:#b33535;background:#fdecec}.stat-card.amber svg{color:#9a640d;background:#fdf3e3}.stat-card.purple svg{color:#6b4fbf;background:#efeafc}.stat-card.teal svg{color:#0b7d7d;background:#e4f6f6}.stat-card div{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-card span{color:#67758a;font-size:13px}.stat-card strong{font-size:22px;line-height:1}.panel-grid,.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.bar-chart{display:flex;align-items:flex-end;gap:12px;padding:18px 16px 14px;min-height:190px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.bar-value{font-size:12px;color:#4d5b6b}.bar-track{width:100%;max-width:34px;height:110px;background:#eef1f5;border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:#1668dc;border-radius:5px 5px 0 0;transition:height .2s ease}.bar-fill.teal{background:#0f8f8f}.bar-track.small{height:8px;border-radius:4px;max-width:none;flex:1}.bar-track.small .bar-fill{border-radius:4px}.bar-label{font-size:12px;color:#7a8798}.category-list{padding:14px 16px;display:flex;flex-direction:column;gap:13px}.category-row{display:flex;align-items:center;gap:12px}.category-row span{width:82px;color:#425066}.category-row strong{width:42px;text-align:right;color:#344054}@media(max-width:900px){.sidebar{width:68px;flex-basis:68px}.brand-name,.nav-item span{display:none}.content{padding:16px}.recent-grid,.panel-grid{grid-template-columns:1fr}.table{min-width:760px}.panel{overflow-x:auto}}