:root{color:#d7dcef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07111f;font-family:PingFang SC,SF Pro Display,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#3d7aff2e,#0000 32%),radial-gradient(circle at 80% 20%,#3ae3c91f,#0000 28%),linear-gradient(#07111f 0%,#081527 48%,#06101c 100%)}#app{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}html,body{height:100%;margin:0;padding:0}#app{height:100%}.admin-layout{gap:18px;min-height:100vh;padding:18px;display:flex}.sidebar{flex-shrink:0;width:290px}.sidebar-panel{background:linear-gradient(#081222f5,#0a1425e0),radial-gradient(circle at top,#355fff2e,#0000 35%);border:1px solid #7a92b529;border-radius:28px;flex-direction:column;height:100%;max-height:calc(100vh - 36px);padding:28px 22px 22px;display:flex;position:sticky;top:18px;overflow:auto;box-shadow:0 30px 70px #040a126b,inset 0 1px #ffffff0d}.brand-mark{align-items:center;gap:14px;display:flex}.brand-mark-dot{background:linear-gradient(135deg,#5ea0ff,#31e1d1);border-radius:999px;width:14px;height:14px;box-shadow:0 0 24px #31e1d173}.brand-kicker{text-transform:uppercase;letter-spacing:.18em;color:#90abe3c7;margin:0;font-size:12px}.brand-mark h1{color:#f3f7ff;margin:4px 0 0;font-size:28px;line-height:1}.brand-description{color:#d3def0b8;margin:18px 0 0;line-height:1.8}.security-note{background:#ffffff0a;border:1px solid #7a92b524;border-radius:18px;margin-top:24px;padding:16px 18px}.security-note span{letter-spacing:.18em;text-transform:uppercase;color:#90abe3b8;margin-bottom:8px;font-size:11px;display:block}.security-note strong{color:#f4f8ff;font-size:15px}.sidebar-menu{margin-top:28px}.menu-link{gap:4px;padding:2px 0;display:grid}.menu-link-title{font-size:14px;font-weight:600;line-height:1.2}.menu-link-caption{color:#adbedead;font-size:11px;line-height:1.4}.sidebar-footer{gap:14px;margin-top:auto;display:grid}.admin-identity{background:#09101cb3;border:1px solid #7a92b51f;border-radius:18px;padding:16px 18px}.admin-identity-label{text-transform:uppercase;letter-spacing:.16em;color:#90abe3bd;margin-bottom:8px;font-size:11px;display:block}.admin-identity strong{color:#f5f9ff}.logout-button{color:#d6e4ff;background:#ffffff0a;border-radius:16px}.main-content{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#091221bd;border:1px solid #7a92b51f;border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 30px;display:flex;box-shadow:0 26px 60px #040a1247}.page-overline{letter-spacing:.18em;text-transform:uppercase;color:#90abe3b8;margin-bottom:12px;font-size:12px;display:inline-flex}.topbar h2{color:#f3f7ff;margin:0;font-size:34px;line-height:1.05}.topbar p{color:#d2ddefc2;max-width:720px;margin:10px 0 0}.topbar-status{align-items:center;display:flex}.status-chip{color:#dbe7ff;white-space:nowrap;background:#ffffff0d;border:1px solid #7a92b524;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.status-indicator{background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:999px;width:10px;height:10px;box-shadow:0 0 16px #22c55e80}.content-shell{background:#ecf2fbf2;border:1px solid #ccd6e6cc;border-radius:28px;flex:1;min-height:0;overflow:auto;box-shadow:0 30px 70px #040a1238}.content-shell .n-data-table{border-radius:20px;overflow:hidden}.content-shell .n-data-table-th{letter-spacing:.1em;text-transform:uppercase;font-size:12px}.content-shell .n-data-table-td{font-size:14px}.content-shell .n-data-table-tr:hover .n-data-table-td{background:#f7fbff}.content-shell .n-input__input-el{font-size:14px}.content-shell .n-pagination .n-pagination-item{border-radius:12px}@media (width<=1100px){.admin-layout{flex-direction:column}.sidebar{width:100%}.topbar{flex-direction:column}}@media (width<=720px){.admin-layout{gap:12px;padding:12px}.sidebar-panel,.topbar{border-radius:22px;padding:20px}.content-shell{border-radius:22px}.topbar h2{font-size:28px}}