:root{--bg: #050813;--bg-soft: #09111f;--sidebar: #080e1a;--surface: #1b273a;--surface-raised: #202d43;--surface-inset: #101a2a;--surface-hover: #26374f;--line: #304159;--line-soft: rgba(81, 108, 142, .34);--brand: #1ea7d7;--brand-bright: #36c4ef;--brand-soft: rgba(30, 167, 215, .14);--success: #2fc78b;--success-soft: rgba(47, 199, 139, .14);--warning: #f2aa3b;--warning-soft: rgba(242, 170, 59, .14);--danger: #ff6677;--danger-soft: rgba(255, 102, 119, .13);--text: #f4f8ff;--text-secondary: #b4c0d2;--text-muted: #7f8da3;--radius-lg: 14px;--radius-md: 10px;--shadow: 0 18px 45px rgba(0, 0, 0, .22);--sidebar-width: 250px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 80% -10%,rgba(30,167,215,.08),transparent 30%),var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#32435a;border-radius:99px}::-webkit-scrollbar-track{background:transparent}.page-grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.panel{background:linear-gradient(145deg,#1f2c41fa,#182335fa);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:0 10px 28px #0000001f;overflow:hidden}.panel-head{min-height:64px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.panel-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650}.panel-title:before{content:"";width:3px;height:18px;border-radius:2px;background:var(--brand);box-shadow:0 0 12px #1ea7d7a6}.panel-body{padding:20px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.brand{color:var(--brand-bright)}.success{color:var(--success)}.warning{color:var(--warning)}.danger{color:var(--danger)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn{height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-inset);cursor:pointer;transition:.18s ease;font-weight:600}.btn:hover{border-color:#4e6685;background:#162337;transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 8px 20px #1ea7d729}.btn-primary:hover{background:var(--brand-bright);border-color:var(--brand-bright)}.btn-success{color:var(--success);border-color:#2fc78b66;background:var(--success-soft)}.btn-warning{color:var(--warning);border-color:#f2aa3b6b;background:var(--warning-soft)}.btn-danger{color:var(--danger);border-color:#ff66776b;background:var(--danger-soft)}.btn-sm{height:34px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.field{display:flex;flex-direction:column;gap:8px}.field label{color:var(--text-secondary);font-size:13px;font-weight:550}.input,.select{width:100%;height:42px;padding:0 13px;color:var(--text);background:var(--surface-inset);border:1px solid var(--line);border-radius:8px;outline:none;transition:.18s ease}.input::placeholder{color:#65748a}.input:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8291a7 50%),linear-gradient(135deg,#8291a7 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px;background-repeat:no-repeat}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{padding:12px 16px;color:#8e9db2;background:#0c15238c;text-align:left;font-size:12px;font-weight:600}.data-table td{padding:15px 16px;border-top:1px solid var(--line-soft);color:var(--text-secondary)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#26374f94}.data-table .strong{color:var(--text);font-weight:600}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px}.toolbar-group{display:flex;align-items:end;gap:12px}.search-box{position:relative;width:270px}.search-box svg{position:absolute;left:12px;top:12px;color:var(--text-muted)}.search-box .input{padding-left:38px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:var(--surface-inset);color:var(--text-secondary);font-size:12px;border:1px solid var(--line-soft)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.section-note{padding:12px 14px;color:var(--text-secondary);background:var(--brand-soft);border:1px solid rgba(30,167,215,.22);border-radius:8px;font-size:13px}.modal-mask{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#01040ac2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(560px,100%);background:#162236;border:1px solid #3b4d66;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.modal-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:18px}.modal-body{padding:22px;display:grid;gap:16px}.modal-actions{padding:16px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);background:#09101b61}.empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.empty svg{margin-bottom:12px;color:#4c5f79}@media(max-width:1350px){.grid-4{grid-template-columns:repeat(2,1fr)}}.mobile-only{display:none!important}@media(max-width:767px){.desktop-only{display:none!important}.mobile-only{display:block!important}.page-grid{gap:12px}.grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.span-2{grid-column:1 / -1}.panel{border-radius:12px}.panel-head{min-height:54px;padding:12px 14px;gap:10px}.panel-title{font-size:15px}.panel-body{padding:14px}.toolbar,.toolbar-group{width:100%;align-items:stretch;flex-direction:column}.search-box,.filter-select,.status-select{width:100%!important}.btn{min-height:44px}.modal-mask{align-items:end;padding:10px}.modal{width:100%;max-height:calc(100dvh - 20px);border-radius:16px}.modal-body{max-height:calc(100dvh - 156px);padding:16px;overflow:auto}.modal-head,.modal-actions{padding:14px 16px}.modal-actions .btn{flex:1}}@media(max-width:379px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}