*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brand:#0071e3;--color-brand-hover:#0077ed;--color-brand-light:#0071e31f;--color-bg:#f5f5f7;--color-surface:#fff;--color-surface-hover:#f5f5f7;--color-border:#d2d2d7;--color-border-light:#e5e5ea;--color-text-primary:#1d1d1f;--color-text-secondary:#86868b;--color-text-tertiary:#aeaeb2;--sidebar-bg:#f5f5f7b8;--sidebar-bg-hover:#0000000d;--sidebar-text:#1d1d1f;--sidebar-text-active:#0071e3;--sidebar-active-bar:#0071e3;--sidebar-section:#86868b;--sidebar-width:250px;--color-success:#34c759;--color-warning:#ff9f0a;--color-error:#ff3b30;--color-info:#5ac8fa;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"SF Mono",SFMono-Regular,ui-monospace,Menlo,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3.5rem;--leading-tight:1.15;--leading-normal:1.47059;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 14px #0000000f;--shadow-lg:0 10px 40px #00000014;--shadow-card:0 0 0 1px var(--color-border),var(--shadow-sm);--ease-out:cubic-bezier(.25,.46,.45,.94);--duration-fast:.2s;--duration-normal:.3s}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg)}a{color:var(--color-brand);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--color-brand-hover)}img,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.app-main__content{padding:var(--space-xl);flex:1;width:100%;max-width:1200px;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);color:var(--sidebar-text);z-index:100;border-right:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:#00000026 transparent;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar__logo{padding:var(--space-md)var(--space-md)var(--space-sm);align-items:center;gap:var(--space-sm);display:flex}.sidebar__logo-icon{background:var(--color-brand);border-radius:var(--radius-sm);width:28px;height:28px;font-weight:700;font-size:var(--text-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-text{font-weight:600;font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap}.sidebar__search{margin:var(--space-sm)var(--space-md);position:relative}.sidebar__search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--duration-fast)var(--ease-out);font-family:var(--font-sans);background:#ffffffb3;outline:none;padding:7px 10px 7px 32px}.sidebar__search input::placeholder{color:var(--color-text-tertiary)}.sidebar__search input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light)}.sidebar__search-icon{opacity:.4;width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sidebar__nav{padding:var(--space-sm)0;flex:1}.sidebar__section{padding:var(--space-md)var(--space-md)var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-section);font-weight:600}.sidebar__link{align-items:center;gap:var(--space-sm);padding:8px var(--space-md);color:var(--sidebar-text);font-size:var(--text-sm);transition:all var(--duration-fast)var(--ease-out);cursor:pointer;border-left:3px solid #0000;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.sidebar__link--active{color:var(--sidebar-text-active);border-left-color:var(--sidebar-active-bar);background:var(--sidebar-bg-hover)}.sidebar__link-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar__link--active .sidebar__link-icon{opacity:1}.sidebar__footer{padding:var(--space-md);border-top:1px solid #ffffff14}.sidebar__balance{font-size:var(--text-sm);margin-bottom:var(--space-xs);justify-content:space-between;font-weight:500;display:flex}.sidebar__credits{font-size:var(--text-xs);color:var(--sidebar-section)}.topbar{padding:12px var(--space-xl);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--color-border);z-index:50;background:#fffc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__left{align-items:center;gap:var(--space-md);display:flex}.topbar__breadcrumb{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.topbar__breadcrumb a{color:var(--color-brand);font-weight:500}.topbar__title{font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700}.topbar__right{align-items:center;gap:var(--space-md);display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal)var(--ease-out)}.card--hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__title{font-size:var(--text-lg);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:600}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;border:none;padding:10px 22px;font-weight:500;line-height:1.3;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn--primary{background:var(--color-brand);color:#fff}.btn--primary:hover{background:var(--color-brand-hover);transform:scale(1.02)}.btn--secondary{color:var(--color-text-primary);background:#0000000d;border:1px solid #0000}.btn--secondary:hover{background:#00000014}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{color:var(--color-text-primary);background:var(--color-bg)}.btn--sm{font-size:var(--text-xs);padding:6px 14px}.btn--lg{font-size:var(--text-base);padding:12px 28px}.form-group{margin-bottom:var(--space-lg)}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:600;display:block}.form-hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-xs)}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);outline:none;padding:10px 14px}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light)}.form-input--error{border-color:var(--color-error)}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-xs);align-items:center;gap:var(--space-xs);display:flex}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;padding:var(--space-sm)var(--space-md);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);background:var(--color-bg);font-weight:600}.data-table td{padding:var(--space-md);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tr:hover td{background:var(--color-surface-hover)}.tabs{gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);display:flex}.tab{padding:var(--space-sm)var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-text-primary);border-bottom-color:var(--color-brand);font-weight:600}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:inline-flex}.badge--success{color:#1a9e3e;background:#34c7591f}.badge--warning{color:#cc7f08;background:#ff9f0a1f}.badge--error{color:#d63029;background:#ff3b301f}.badge--info{color:#1a8abf;background:#5ac8fa1f}.badge--neutral{background:var(--color-bg);color:var(--color-text-secondary)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.stat-card__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm);font-weight:500}.stat-card__value{font-size:var(--text-2xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.stat-card__change{font-size:var(--text-xs);margin-top:var(--space-xs);align-items:center;gap:4px;display:flex}.stat-card__change--up{color:var(--color-success)}.stat-card__change--down{color:var(--color-error)}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.empty-state{padding:var(--space-3xl)var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:80px;height:80px;margin-bottom:var(--space-lg);opacity:.3}.empty-state__title{font-size:var(--text-xl);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:700}.empty-state__text{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;margin-bottom:var(--space-lg)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-border-light);border-radius:var(--radius-sm);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton--text{width:60%;height:14px}.skeleton--title{width:40%;height:20px}.skeleton--block{width:100%;height:120px}.skeleton--avatar{border-radius:var(--radius-full);width:40px;height:40px}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:700}.page-header__actions{gap:var(--space-sm);display:flex}@media (max-width:768px){:root{--sidebar-width:0px}.sidebar{transition:transform var(--duration-normal)var(--ease-out);transform:translate(-100%)}.sidebar--open{width:260px;transform:translate(0)}.app-main{margin-left:0}.app-main__content{padding:var(--space-md)}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}.auth-page{background:var(--color-bg);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.auth-card__logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);justify-content:center;display:flex}.auth-card__title{font-size:var(--text-xl);text-align:center;margin-bottom:var(--space-xs);font-weight:700}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-xl)}.footer{padding:var(--space-lg)var(--space-xl);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;display:flex}.footer__links{gap:var(--space-md);list-style:none;display:flex}.footer__links a{color:var(--color-text-tertiary);transition:color var(--duration-fast)var(--ease-out)}.footer__links a:hover{color:var(--color-text-secondary)}.hero{text-align:center;padding:120px var(--space-xl)80px;max-width:1000px;margin:0 auto}.hero__tag{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-brand);background:var(--color-brand-light);margin-bottom:var(--space-md);letter-spacing:.02em;padding:4px 14px;font-weight:600;display:inline-block}.hero__title{letter-spacing:-.04em;margin-bottom:var(--space-lg);color:var(--color-text-primary);font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.05}.hero__text{letter-spacing:-.01em;color:var(--color-text-secondary);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500;line-height:var(--leading-normal);max-width:680px;margin:0 auto var(--space-xl)}.hero__actions{gap:var(--space-md);justify-content:center;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUpFade 1s var(--ease-out)forwards}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-secondary{color:var(--color-text-secondary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-md{gap:var(--space-md)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.section-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl)0}