:root{--bg-dark-1: #040814;--bg-dark-2: #091226;--bg-card: #091226;--bg-glass: rgba(0, 51, 102, .4);--border-glass: rgba(51, 209, 255, .15);--border-hover: rgba(51, 209, 255, .4);--primary: #003366;--primary-glow: rgba(0, 153, 255, .15);--secondary: #33D1FF;--accent-pink: #FF4D88;--accent-gold: #FFCC00;--success: #00E676;--danger: #FF3D00;--text-main: #FFFFFF;--text-muted: #9BB8DC;--font-title: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}html,body.dark-studio-theme{font-family:var(--font-body);background:var(--bg-dark-1);color:var(--text-main);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark-1)}::-webkit-scrollbar-thumb{background:rgba(0,102,204,.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0055BB}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:-.01em}h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}a{color:var(--secondary);text-decoration:none;transition:all .2s ease}a:hover{color:#fff}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 4px 20px #0003;transition:all .2s ease}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 8px 30px #0000004d}.card-title{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.8rem;margin-bottom:1.2rem}.card-title .material-icons-outlined{color:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;border-color:#33d1ff33}.btn-primary:hover{background:#004488;border-color:var(--secondary)}.btn-accent{background:var(--accent-pink);color:#fff}.btn-accent:hover{background:#E63D78}.btn-glass{background:var(--bg-glass);border:1px solid var(--border-glass);color:#fff}.btn-glass:hover{background:rgba(255,255,255,.05);border-color:#fff3}.btn-danger{background:transparent;border:1px solid rgba(255,61,0,.3);color:#ff8a65}.btn-danger:hover{background:rgba(255,61,0,.1)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.3px}.badge-vip{background:rgba(255,204,0,.15);color:var(--accent-gold);border:1px solid rgba(255,204,0,.3)}.badge-free{background:rgba(51,209,255,.1);color:var(--secondary);border:1px solid rgba(51,209,255,.25)}.badge-success{background:rgba(0,230,118,.1);color:var(--success);border:1px solid rgba(0,230,118,.2)}.table-container{width:100%;overflow-x:auto}.table-container table{width:100%;border-collapse:collapse;text-align:left}.table-container th{font-family:var(--font-body);font-weight:500;font-size:.85rem;color:var(--text-muted);padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.table-container td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-main);font-size:.9rem}.table-container tr:hover td{background:rgba(255,255,255,.02)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.4rem;color:var(--text-muted);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .8rem;background:var(--bg-dark-1);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);font-size:.9rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary)}.form-group select{cursor:pointer}.form-group select option{background:var(--bg-dark-2)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(4,8,20,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-dark-2);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);width:90%;max-width:550px;max-height:90vh;overflow-y:auto;padding:1.8rem;box-shadow:0 20px 40px #00000080}@media (max-width: 576px){.modal-content{width:95%;padding:1.25rem 1rem;border-radius:var(--radius-md)}}.grid-2,.grid-3,.grid-4{display:grid;gap:1.25rem}@media (max-width: 576px){.grid-2,.grid-3,.grid-4{gap:.9rem}}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}@media (max-width: 576px){.glass-card{padding:1.1rem;border-radius:var(--radius-md)}}.flex-row{display:flex;align-items:center;gap:.8rem}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.file-input-box{width:100%;padding:.8rem;background:rgba(0,51,102,.2);border:1px dashed rgba(51,209,255,.4);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:.9rem}.file-input-box:hover{background:rgba(0,51,102,.4);border-color:var(--secondary);color:#fff}