*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--color-bg:#121212;--color-surface:#181818;--color-surface-2:#282828;--color-surface-3:#333;--color-primary:#1db954;--color-primary-hover:#1ed760;--color-text:#fff;--color-text-secondary:#a7a7a7;--color-border:#282828;--color-warning:#f59b23;--color-error:#e22134;--sidebar-width:240px;--topbar-height:60px;--bottomnav-height:68px;--font:"DM Sans", system-ui, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font)}.app-shell{background:var(--color-bg)}.app-shell,.sidebar{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);z-index:40;background:#000;flex-direction:column;padding:24px 0;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--visible{transform:translate(0)}@media (width>=1024px){.sidebar{transform:translate(0)}}.sidebar-overlay{z-index:39;background:#000000b3;position:fixed;inset:0}@media (width>=1024px){.sidebar-overlay{display:none}}.sidebar__brand{border-bottom:1px solid var(--color-border);gap:12px;padding:0 24px 24px}.sidebar__brand,.sidebar__logo{align-items:center;display:flex}.sidebar__logo{background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;width:40px;height:40px}.logo-icon{width:24px;height:24px}.sidebar__brand-name{color:var(--color-text);font-size:15px;font-weight:700;line-height:1.2}.sidebar__brand-sub{color:var(--color-text-secondary);font-size:11px;font-weight:400}.sidebar__nav{flex:1;padding:20px 12px;overflow-y:auto}.sidebar__nav-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;padding:0 12px;font-size:11px}.sidebar__nav-item,.sidebar__nav-label{color:var(--color-text-secondary);font-weight:700}.sidebar__nav-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:14px;margin-bottom:2px;padding:10px 12px;font-size:14px;transition:color .15s,background .15s;display:flex}.sidebar__nav-item:hover{color:var(--color-text);background:var(--color-surface-2)}.sidebar__nav-item--active{color:var(--color-text)!important}.sidebar__nav-item--active .sidebar__nav-icon{color:var(--color-primary)}.sidebar__nav-icon{flex-shrink:0;align-items:center;display:flex}.sidebar__footer{border-top:1px solid var(--color-border);align-items:center;gap:12px;margin-top:auto;padding:20px 24px 0;display:flex}.sidebar__footer-avatar{background:var(--color-primary);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.sidebar__footer-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar__footer-sub{color:var(--color-text-secondary);font-size:11px}.main-wrap{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}@media (width>=1024px){.main-wrap{margin-left:var(--sidebar-width)}}.main-wrap--full{margin-left:0!important}.topbar{height:var(--topbar-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:20;align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}@media (width>=1024px){.topbar{display:none}}.topbar__menu-btn,.topbar__settings{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:8px;transition:color .15s;display:flex}.topbar__menu-btn:hover,.topbar__settings:hover,.topbar__title{color:var(--color-text)}.topbar__title{flex:1;font-size:15px;font-weight:700}.page-content{padding:32px 24px;padding-bottom:calc(var(--bottomnav-height) + 24px);flex:1;width:100%;max-width:1200px;margin:0 auto}@media (width>=1024px){.page-content{padding:40px 48px 48px}}.page-content--full{max-width:1200px!important;padding-bottom:24px!important}.bottom-nav{height:var(--bottomnav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:30;justify-content:space-around;align-items:center;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=1024px){.bottom-nav{display:none}}.bottom-nav__item{border-radius:var(--radius-sm);color:var(--color-text-secondary);letter-spacing:.03em;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:48px;min-height:48px;padding:8px 12px;font-size:10px;font-weight:700;transition:color .15s;display:flex}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__icon{align-items:center;display:flex}.bottom-nav__label{font-size:10px}.page-header{margin-bottom:32px}.page-header__title{color:var(--color-text);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.2}.page-header__sub{color:var(--color-text-secondary);margin-top:6px;font-size:14px;font-weight:400}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:24px;transition:background .2s}.card:hover{background:var(--color-surface-2)}.btn{font-family:var(--font);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-pill);text-transform:uppercase;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn--primary{background:var(--color-primary);color:#000}.btn--primary:hover{background:var(--color-primary-hover);transform:scale(1.03)}.btn--secondary{color:var(--color-text);background:0 0;border:1px solid #727272}.btn--secondary:hover{border-color:var(--color-text);background:var(--color-surface-2)}.btn--ghost{color:var(--color-text-secondary);background:0 0;padding:10px 16px}.btn--ghost:hover{color:var(--color-text)}.btn--danger{color:var(--color-error);background:0 0;border:1px solid #e2213466}.btn--danger:hover{background:#e221341a}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:16px}.form-label{color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.form-input{background:var(--color-surface-2);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--color-text);border:none;outline:none;padding:0 14px;font-size:14px;font-weight:500;transition:border .15s}.form-input::placeholder{color:var(--color-text-secondary)}.form-input:focus{outline:1px solid var(--color-text);outline-offset:0}.form-select{background:var(--color-surface-2);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--color-text);cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20stroke%3D%22%23a7a7a7%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E);background-position:right 14px center;background-repeat:no-repeat;border:none;outline:none;padding:0 36px 0 14px;font-size:14px;font-weight:500}.form-select:focus{outline:1px solid var(--color-text)}.form-select option{background:var(--color-surface-2);color:var(--color-text)}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:20px 24px}.stat-card__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.stat-card__value{color:var(--color-text);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.stat-card__sub{color:var(--color-text-secondary);margin-top:6px;font-size:12px}.stat-card__value--green{color:var(--color-primary)}.stat-card__value--warning{color:var(--color-warning)}.badge{border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;background:var(--color-surface-2);color:var(--color-text-secondary);align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge--green{color:var(--color-primary);background:#1db95426}.badge--warning{color:var(--color-warning);background:#f59b2326}.badge--error{color:var(--color-error);background:#e2213426}.badge--blue{color:#5aa4ff;background:#1e90ff26}.divider{border:none;border-top:1px solid var(--color-border);margin:20px 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--color-text);font-size:16px;font-weight:700}.section-link{color:var(--color-text-secondary);font-size:13px;font-weight:700;transition:color .15s}.section-link:hover{color:var(--color-text)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface-3);border-radius:var(--radius-md);width:100%;max-width:460px;max-height:90dvh;padding:28px;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal__title{color:var(--color-text);font-size:18px;font-weight:700}.modal__close{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1;transition:color .15s}.modal__close:hover{color:var(--color-text)}.modal__footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.empty-state{text-align:center;border-radius:var(--radius-md);border:1px dashed var(--color-border);padding:64px 32px}.empty-state__icon{background:var(--color-surface);width:56px;height:56px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.empty-state__title{color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:700}.empty-state__desc{color:var(--color-text-secondary);max-width:320px;margin:0 auto 20px;font-size:14px;line-height:1.6}.list-row{border-radius:var(--radius-sm);cursor:default;align-items:center;gap:16px;padding:14px 16px;transition:background .15s;display:flex}.list-row:hover{background:var(--color-surface-2)}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1023px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-3)}