*{box-sizing:border-box}:root{--bg-page: #f7f8fa;--bg-surface: #ffffff;--bg-card: #ffffff;--border: #eceef2;--border-soft: #eef0f4;--border-strong: #e5e7eb;--text-1: #1f2329;--text-2: #646a73;--text-3: #8f959e;--accent: #18a058;--accent-soft: #e8f7ee;--shadow-card: 0 1px 3px rgba(20, 20, 40, .04), 0 6px 16px rgba(20, 20, 40, .05);--hover-bg: rgba(0, 0, 0, .045);--track-bg: #f1f2f5;--hero-bg: linear-gradient(120deg, #eef3ff 0%, #f6f1ff 100%);--footer-border: #eceef2;--icon-btn: #646a73}html.theme-dark{--bg-page: #141417;--bg-surface: #1c1c21;--bg-card: #232329;--border: #2c2c34;--border-soft: #2c2c34;--border-strong: #34343d;--text-1: #e8e8ea;--text-2: #a0a0a8;--text-3: #787880;--accent: #36ad6a;--accent-soft: #1d2e24;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .35);--hover-bg: rgba(255, 255, 255, .07);--track-bg: #2c2c34;--hero-bg: linear-gradient(120deg, #1e2638 0%, #2a2340 100%);--footer-border: #2c2c34;--icon-btn: #a0a0a8}html,body,#app{margin:0;padding:0;height:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page);transition:background .2s}.app-header{height:60px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;transition:background .2s,border-color .2s}.app-header-inner,.app-main-inner,.app-footer-inner{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}.app-header-inner{height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-title{font-size:18px;font-weight:700;color:var(--text-1);letter-spacing:-.3px}.app-nav{flex:1;display:flex;justify-content:center;border-bottom:none!important}.app-actions{flex-shrink:0;display:flex;align-items:center;gap:10px}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--icon-btn);cursor:pointer;padding:0;overflow:hidden;transition:background .18s,border-color .18s,color .18s}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--border-strong);color:var(--text-1)}.theme-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:inline-flex;width:18px;height:18px;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .3s ease}.theme-icon--sun{opacity:1;transform:rotate(0) scale(1)}.theme-icon--moon{opacity:0;transform:rotate(-90deg) scale(.4)}.theme-toggle.is-dark .theme-icon--sun{opacity:0;transform:rotate(90deg) scale(.4)}.theme-toggle.is-dark .theme-icon--moon{opacity:1;transform:rotate(0) scale(1)}.theme-icon :deep(svg){width:18px;height:18px}.app-shell,.app-header,.app-footer,.app-main-inner,.card,.stat-card,.bucket-row,.gallery-item,.dist-track,.hero,.empty{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.user-profile{display:flex;align-items:center;gap:8px}.user-name{font-size:14px;color:var(--text-1)}.role-tag{font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 6px}.user-arrow{font-size:10px;color:var(--text-3);margin-left:2px}.app-main{flex:1;padding:24px 0 40px}.app-main-inner{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;min-height:calc(100vh - 184px);padding:24px;box-shadow:var(--shadow-card)}.app-footer{height:60px;background:var(--bg-surface);border-top:1px solid var(--footer-border);flex-shrink:0;transition:background .2s,border-color .2s}.app-footer-inner{height:60px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-3)}.footer-links a{color:var(--text-2);text-decoration:none;margin-left:20px;transition:color .2s}.footer-links a:hover{color:var(--accent)}.app-nav .n-menu-item-content{padding-left:24px!important;padding-right:24px!important;font-size:15px!important;font-weight:500!important}.app-nav .n-menu-item-content--selected{color:var(--accent)!important}.app-nav .n-menu-item-content--selected:after{background-color:var(--accent)!important}.user-btn .n-button__content{display:flex;align-items:center}.user-btn:hover,.user-btn:focus,.user-btn:focus-visible{box-shadow:none!important;background-color:var(--hover-bg)!important}