@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#f8fafb;--bg-sidebar:#edf0f3;--card-bg:#ffffffd9;--card-border:#d3d9de99;--card-hover-border:#904cf066;--text-primary:#1d2330;--text-secondary:#525c6f;--text-muted:#818898;--accent-purple:#731ded;--accent-blue:#0b50da;--accent-cyan:#0492ae;--accent-green:#148f47;--accent-red:#cf1726;--accent-yellow:#ae7b04;--glass-gradient:linear-gradient(135deg, #ffffffe6 0%, #f0f2f5cc 100%);--btn-gradient:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-blue) 100%);--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(at 10% 20%,#9a5eed14 0,#0000 50%),radial-gradient(at 90% 80%,#5e8eed14 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b6bcc966;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#98a1b399}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{border-color:var(--card-hover-border);transform:translateY(-2px);box-shadow:0 12px 30px -10px #5814b833}h1,h2,h3,h4,h5{font-family:var(--font-title);letter-spacing:-.02em;font-weight:600}.main-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--card-border);flex-direction:column;width:260px;padding:24px;display:flex}.logo-container{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-text{background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;font-size:22px;font-weight:700;font-family:var(--font-title);-webkit-background-clip:text}.studio-badge{background:var(--accent-purple);color:#fff;letter-spacing:.05em;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.nav-links{flex-direction:column;flex:1;gap:8px;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background:#d3d7de80}.nav-link.active{border-color:#0000;box-shadow:0 4px 12px #904cf033;background:var(--btn-gradient)!important;color:#fff!important}.nav-link.active *{color:#fff!important}.content-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9fafbb3;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.header-title-container{flex-direction:column;display:flex}.header-title{color:var(--text-primary);font-size:18px}.header-stats{align-items:center;gap:24px;display:flex}.header-stat-item{color:var(--text-secondary);border:1px solid var(--card-border);background:#ffffffd9;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;box-shadow:0 2px 6px #c2ccd60d}.header-stat-value{color:var(--text-primary);font-weight:600}.page-container{flex:1;padding:32px;overflow-y:auto}input,select,textarea{border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-body);background:#ffffffe6;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 2px #904cf033}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--btn-gradient);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #904cf066}.btn-secondary{border-color:var(--card-border);background:#e2e6e999;color:var(--text-primary)!important}.btn-secondary:hover{background:#d3d9ded9}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 15px #e8304066}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-8{align-items:center;gap:8px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}.tab-container{border-bottom:1px solid var(--card-border);gap:8px;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5,.content-wrapper h6,.content-wrapper label,.content-wrapper p,.content-wrapper strong:not([style*="color: var(--accent)"]):not(.btn-primary *):not(.btn-danger *),.content-wrapper span:not(.studio-badge):not(.badge):not(.nav-link *):not(.btn *):not([style*="color: var(--accent)"]):not([style*="color: var(--accent-cyan)"]){color:var(--text-primary)!important}.content-wrapper [style*="color: var(--accent-cyan)"]{color:var(--accent-cyan)!important}.content-wrapper [style*="color: var(--accent-purple)"]{color:var(--accent-purple)!important}.content-wrapper [style*="color: var(--accent-blue)"]{color:var(--accent-blue)!important}.content-wrapper [style*="color: var(--accent-red)"]{color:var(--accent-red)!important}.content-wrapper [style*="color: var(--accent-green)"]{color:var(--accent-green)!important}.content-wrapper [style*="color: var(--accent-yellow)"]{color:var(--accent-yellow)!important}.content-wrapper [style*="background: hsla(230, 20%"],.content-wrapper [style*="background: hsl(230, 25%"],.content-wrapper [style*="background-color: hsla(230, 20%"],.content-wrapper [style*="background-color: hsl(230, 25%"],.content-wrapper [style*="background: rgba(0, 0, 0, 0."],.content-wrapper [style*="background: rgba(0,0,0,0."],.content-wrapper [style*="background-color: rgba(0, 0, 0, 0."],.content-wrapper [style*="background-color: rgba(0,0,0,0."]{border-color:var(--card-border)!important;background:#e2e6e973!important}.content-wrapper [style*="background: rgba(0, 0, 0, 0.3)"],.content-wrapper [style*="background: rgba(0,0,0,0.3)"],.content-wrapper [style*="background-color: rgba(0, 0, 0, 0.3)"],.content-wrapper [style*="background-color: rgba(0,0,0,0.3)"]{background:#dce0e580!important}.content-wrapper [style*="background: rgba(0, 0, 0, 0.2)"],.content-wrapper [style*="background: rgba(0,0,0,0.2)"],.content-wrapper [style*="background-color: rgba(0, 0, 0, 0.2)"],.content-wrapper [style*="background-color: rgba(0,0,0,0.2)"]{background:#e2e6e973!important}.content-wrapper [style*="background: rgba(0, 0, 0, 0.15)"],.content-wrapper [style*="background: rgba(0,0,0,0.15)"],.content-wrapper [style*="background-color: rgba(0, 0, 0, 0.15)"],.content-wrapper [style*="background-color: rgba(0,0,0,0.15)"]{background:#e8ebee66!important}.content-wrapper [style*="background: rgba(0, 0, 0, 0.1)"],.content-wrapper [style*="background: rgba(0,0,0,0.1)"],.content-wrapper [style*="background-color: rgba(0, 0, 0, 0.1)"],.content-wrapper [style*="background-color: rgba(0,0,0,0.1)"]{background:#edf0f259!important}.content-wrapper input,.content-wrapper select,.content-wrapper textarea{color:var(--text-primary)!important;background-color:#fff!important}.glass-panel{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 8px 32px #1f26870a!important}.glass-panel-hover:hover{border-color:var(--card-hover-border)!important;box-shadow:0 12px 30px -10px #1f268714!important}.btn-primary,.btn-danger,.btn-primary *,.btn-danger *{color:#fff!important}.tab-btn{color:var(--text-secondary)!important}.tab-btn:hover{color:var(--text-primary)!important}.tab-btn.active{color:var(--accent-purple)!important;border-bottom-color:var(--accent-purple)!important}
