.app-layout{background:var(--color-bg);min-height:100vh;padding-top:64px;transition:padding-top .4s}.app-layout-no-navbar{padding-top:0}.app-content{background:var(--color-bg);min-height:calc(100vh - 64px);padding:24px}.admin-layout{background:var(--color-bg);min-height:100vh;position:relative}.admin-layout-gradient-bg{pointer-events:none;z-index:0;background:0 0;width:200%;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%)}[data-theme=dark] .admin-layout-gradient-bg{background:radial-gradient(80% 50% at 50% 0,#06d6a026 0%,#05b3841a 25%,#0000 50%)}.admin-layout-glow{filter:blur(40px);pointer-events:none;z-index:0;background:0 0;width:100%;height:500px;position:fixed;top:-100px;left:0}[data-theme=dark] .admin-layout-glow{background:radial-gradient(at top,#06d6a01f 0%,#0000 60%)}.admin-content{z-index:1;max-width:1200px;min-height:calc(100vh - 64px);margin:0 auto;padding:88px 32px 24px;position:relative}.animate-on-scroll{opacity:1;animation:.6s ease-out forwards fadeInUp;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-delay-1{animation-delay:.15s}.studio-layout{background:var(--color-bg);min-height:100vh;position:relative}.studio-layout-gradient-bg{pointer-events:none;z-index:0;background:0 0;width:200%;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%)}[data-theme=dark] .studio-layout-gradient-bg{background:radial-gradient(80% 50% at 50% 0,#06d6a026 0%,#05b3841a 25%,#0000 50%)}.studio-layout-glow{filter:blur(40px);pointer-events:none;z-index:0;background:0 0;width:100%;height:500px;position:fixed;top:-100px;left:0}[data-theme=dark] .studio-layout-glow{background:radial-gradient(at top,#06d6a01f 0%,#0000 60%)}.studio-content{z-index:1;max-width:1200px;min-height:calc(100vh - 64px);margin:0 auto;padding:88px 32px 24px;position:relative}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#ffffffd9;justify-content:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .navbar{background:#050505b3;border-bottom-color:#ffffff0d}.navbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-logo{color:var(--color-text-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex}.navbar-logo-icon{width:28px;height:28px}.navbar-logo:hover{opacity:.7;color:var(--color-text-primary)}.navbar-right{align-items:center;gap:32px;display:flex}.navbar-links{align-items:center;gap:36px;display:flex}.navbar-link{color:var(--color-text-secondary);border-radius:6px;padding:8px 12px;font-size:14px;font-weight:400;text-decoration:none;transition:all .15s}.navbar-link:hover{background:var(--color-hover);color:var(--color-text-primary)}.navbar-link.active{color:var(--color-text-primary);background:#06d6a014}.navbar-divider{background:var(--color-border-strong);width:1px;height:24px}.navbar-actions{align-items:center;gap:8px;display:flex}.navbar-user{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;transition:all .15s;display:flex}.navbar-user:hover{background:var(--color-hover)}.navbar-user span{color:var(--color-text-primary);font-size:14px}.navbar-user .ant-avatar{background:var(--color-bg-inset);color:var(--color-text-secondary)}.ant-dropdown .ant-dropdown-menu{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;padding:4px}.ant-dropdown .ant-dropdown-menu-item{color:var(--color-text-secondary);border-radius:6px}.ant-dropdown .ant-dropdown-menu-item:hover{background:var(--color-hover);color:var(--color-text-primary)}.theme-toggle-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;font-size:16px;transition:all .15s;display:flex}.theme-toggle-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}.navbar{transition:transform .4s cubic-bezier(.4,0,.2,1)}.navbar.navbar-immersive-hidden{transform:translateY(-100%)}.navbar.navbar-immersive-hidden.navbar-peek{transform:translateY(0)}:root{--brand-primary:#06d6a0;--brand-primary-deep:#05b384;--brand-accent:#ff9f1c;--brand-accent-light:#ffb84d;--theme-transition:background-color .3s ease, color .3s ease, border-color .3s ease}:root,[data-theme=light]{--color-bg:#fafbfc;--color-bg-elevated:#fff;--color-bg-subtle:#f1f3f5;--color-bg-inset:#e9ecef;--color-text-primary:#1a1d21;--color-text-secondary:#495057;--color-text-muted:#868e96;--color-border:#00000014;--color-border-strong:#00000026;--color-shadow:#0000000f;--color-overlay:#0006;--color-scrollbar:#00000026;--color-scrollbar-hover:#00000040;--color-hover:#0000000a}[data-theme=dark]{--color-bg:#050505;--color-bg-elevated:#0a0a0a;--color-bg-subtle:#111;--color-bg-inset:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#888;--color-text-muted:#666;--color-border:#ffffff0d;--color-border-strong:#ffffff1a;--color-shadow:#0000004d;--color-overlay:#0009;--color-scrollbar:#ffffff14;--color-scrollbar-hover:#ffffff26;--color-hover:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);transition:var(--theme-transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#root{min-height:100vh}input:hover,textarea:hover,.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select:hover .ant-select-selector,.ant-picker:hover{border-color:var(--brand-primary)!important}input:focus,textarea:focus,select:focus,.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{outline:none;border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px #06d6a01f!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.ant-message .ant-message-notice-content{border:1px solid var(--color-border);color:var(--color-text-primary);box-shadow:0 4px 12px var(--color-shadow);padding:12px 16px;background:var(--color-bg-elevated)!important}.ant-message .anticon{margin-right:8px;font-size:16px}.ant-message .ant-message-success .anticon{color:#22c55e}.ant-message .ant-message-error .anticon{color:#ef4444}.ant-message .ant-message-warning .anticon{color:#f59e0b}.ant-message .ant-message-info .anticon{color:#3b82f6}.ant-message .ant-message-loading .anticon{color:#06d6a0}[data-theme=dark] .ant-dropdown .ant-dropdown-menu{border:1px solid #ffffff14;box-shadow:0 8px 24px #00000080;background:#0a0a0a!important}[data-theme=dark] .ant-dropdown .ant-dropdown-menu-item{color:#888!important}[data-theme=dark] .ant-dropdown .ant-dropdown-menu-item:hover{color:#fff!important;background:#ffffff0f!important}[data-theme=dark] .ant-dropdown .ant-dropdown-menu-item .anticon{color:inherit}[data-theme=dark] .ant-select-dropdown{border:1px solid #ffffff14;background:#0a0a0a!important}[data-theme=dark] .ant-select-item{color:#888!important}[data-theme=dark] .ant-select-item-option-active{background:#ffffff0f!important}[data-theme=dark] .ant-select-item-option-selected{color:#fff!important;background:#06d6a026!important}[data-theme=dark] .ant-modal .ant-modal-content{border:1px solid #ffffff14;background:#0a0a0a!important}[data-theme=dark] .ant-modal .ant-modal-header{background:0 0!important}[data-theme=dark] .ant-modal .ant-modal-title{color:#fff!important}[data-theme=dark] .ant-modal .ant-modal-close{color:#666!important}[data-theme=dark] .ant-modal .ant-modal-close:hover{color:#fff!important}.btn-primary{color:#fff;background:var(--brand-primary);cursor:pointer;border:none;border-radius:6px;height:34px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--brand-primary-deep);transform:translateY(-1px)}.btn-primary.large{height:44px;padding:0 24px;font-size:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-fade-in-up{animation:.6s ease-out both fadeInUp}.anim-fade-in{animation:.5s ease-out both fadeIn}.anim-slide-in-left{animation:.6s ease-out both slideInLeft}.anim-slide-in-right{animation:.6s ease-out both slideInRight}.anim-scale-in{animation:.5s ease-out both scaleIn}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.anim-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.anim-on-scroll.visible{opacity:1;transform:translateY(0)}.anim-on-scroll.anim-delay-1{transition-delay:.1s}.anim-on-scroll.anim-delay-2{transition-delay:.2s}.anim-on-scroll.anim-delay-3{transition-delay:.3s}.anim-on-scroll.anim-delay-4{transition-delay:.4s}.anim-hover-lift{transition:transform .2s,box-shadow .2s}.anim-hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.anim-table-reveal .ant-table-tbody>tr{animation:.4s ease-out both fadeInUp}.anim-table-reveal .ant-table-tbody>tr:first-child{animation-delay:50ms}.anim-table-reveal .ant-table-tbody>tr:nth-child(2){animation-delay:.1s}.anim-table-reveal .ant-table-tbody>tr:nth-child(3){animation-delay:.15s}.anim-table-reveal .ant-table-tbody>tr:nth-child(4){animation-delay:.2s}.anim-table-reveal .ant-table-tbody>tr:nth-child(5){animation-delay:.25s}.anim-table-reveal .ant-table-tbody>tr:nth-child(6){animation-delay:.3s}.anim-table-reveal .ant-table-tbody>tr:nth-child(7){animation-delay:.35s}.anim-table-reveal .ant-table-tbody>tr:nth-child(8){animation-delay:.4s}.anim-table-reveal .ant-table-tbody>tr:nth-child(9){animation-delay:.45s}.anim-table-reveal .ant-table-tbody>tr:nth-child(10){animation-delay:.5s}.anim-stagger-list>:first-child{animation-delay:30ms}.anim-stagger-list>:nth-child(2){animation-delay:60ms}.anim-stagger-list>:nth-child(3){animation-delay:90ms}.anim-stagger-list>:nth-child(4){animation-delay:.12s}.anim-stagger-list>:nth-child(5){animation-delay:.15s}.anim-stagger-list>:nth-child(6){animation-delay:.18s}.anim-stagger-list>:nth-child(7){animation-delay:.21s}.anim-stagger-list>:nth-child(8){animation-delay:.24s}.anim-stagger-list>:nth-child(9){animation-delay:.27s}.anim-stagger-list>:nth-child(10){animation-delay:.3s}.anim-stagger-list>*{animation:.4s ease-out both fadeInUp}@media (prefers-reduced-motion:reduce){.anim-fade-in-up,.anim-fade-in,.anim-slide-in-left,.anim-slide-in-right,.anim-scale-in,.anim-stagger-list>*,.anim-table-reveal .ant-table-tbody>tr{opacity:1!important;animation:none!important;transform:none!important}.anim-on-scroll{opacity:1!important;transition:none!important;transform:none!important}.anim-hover-lift:hover{transform:none}}