:root{--ui-bg:#f5f7fa;--ui-card:#fff;--ui-ink:#172033;--ui-muted:#778197;--ui-line:#e7eaf0;--ui-primary:#f01936;--ui-primary-soft:#fff0f2;--ui-shadow:0 8px 28px rgba(20,32,58,.06)}
html{background:var(--ui-bg)}body{background:var(--ui-bg);color:var(--ui-ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:1920px;min-height:100vh}.sidebar{border-right:1px solid var(--ui-line);background:rgba(255,255,255,.97);box-shadow:6px 0 24px rgba(21,32,55,.025)}
.sidebar nav button,.sidebar .nav-group-title{transition:color .18s,background .18s,transform .18s}.sidebar nav button:hover{background:#f7f8fb;color:#182238;transform:translateX(2px)}.sidebar nav button.active{background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;box-shadow:inset 3px 0 0 var(--ui-primary)}
.admin-profile{background:#fafbfc;border:1px solid var(--ui-line)!important;border-radius:14px;padding:11px!important}.admin-profile img{box-shadow:0 3px 10px rgba(27,38,64,.1)}
main>header{position:sticky;top:0;z-index:20;margin:-20px -12px 24px;padding:20px 12px 14px;background:rgba(245,247,250,.9);backdrop-filter:blur(15px)}h1{color:#111a2c;letter-spacing:-.025em}
.metric,.panel,.dashboard-card,.manage-row,.analytics-summary article{border-color:var(--ui-line)!important;background:var(--ui-card)!important;box-shadow:var(--ui-shadow)}.metric,.panel,.dashboard-card{border-radius:18px!important}.metric{position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.metric:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,32,58,.09)}.metric.accent{border-color:#ffc4cd!important;background:linear-gradient(145deg,#fff,#fff1f3)!important}.metric.accent strong{color:var(--ui-primary)}
.panel-head{padding:22px 24px;background:linear-gradient(180deg,#fff,#fcfcfd)}.panel-head h2{font-size:22px}.kicker{color:var(--ui-primary)!important;letter-spacing:.16em}
button,.primary,.secondary,.danger,.review{min-height:40px;border-radius:11px!important;transition:transform .12s,box-shadow .15s,opacity .15s}button:active{transform:scale(.975)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(240,25,54,.14);outline-offset:1px}.primary{background:var(--ui-primary)!important;color:#fff;box-shadow:0 6px 14px rgba(240,25,54,.18)}.secondary{background:#f2f4f7!important;color:#4f596c}.danger{background:#ef3340!important}
input,select,textarea{border-color:#dfe3ea!important;border-radius:11px!important;color:var(--ui-ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#ff8798!important;box-shadow:0 0 0 3px rgba(240,25,54,.08)}
.table-wrap,.trend-table,.growth-table{scrollbar-color:#cfd4dc transparent;scrollbar-width:thin}table tbody tr{transition:background .15s}table tbody tr:hover{background:#fafbfc}th{background:#fafbfc!important;color:#667085!important;font-weight:700!important}th,td{border-color:#edf0f4!important}
.status{font-weight:700}.status.WAITING_PAYMENT,.status.PENDING_PAYMENT{background:#fff4db;color:#9c6500}.status.PAID,.status.WAITING_CLAIM{background:#eef2ff;color:#4057bd}.status.CLAIMED,.status.IN_PROGRESS,.status.STARTED{background:#eaf2ff;color:#1769c2}.status.SUBMITTED,.status.PENDING_ACCEPTANCE{background:#f2ecff;color:#7141c4}.status.COMPLETED{background:#e8f8ef!important;color:#118451!important}.status.DISPUTED,.status.REFUNDED,.status.CANCELLED{background:#fff0f2!important;color:#cf2439!important}
dialog{border:0!important;border-radius:20px!important;box-shadow:0 30px 100px rgba(12,23,45,.24)}dialog::backdrop{background:rgba(13,20,35,.55)!important;backdrop-filter:blur(5px)}dialog form{padding:30px!important}.ui-message-dialog{border-radius:22px!important}
.empty{border:1px dashed #d9dde5;border-radius:14px;background:#fafbfc;color:var(--ui-muted)}
@media(max-width:900px){main>header{position:static;margin:0 0 20px;padding:0}.sidebar{box-shadow:0 5px 18px rgba(18,28,48,.08)}.metrics{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}