:root{--bg-main: #020617;--bg-gradient-start: #0f172a;--bg-gradient-end: #020617;--glass-bg: rgba(30, 41, 59, .4);--glass-border: 1px solid rgba(148, 163, 184, .1);--glass-highlight: rgba(255, 255, 255, .05);--primary: #22d3ee;--primary-glow: rgba(34, 211, 238, .5);--secondary: #6366f1;--text-main: #f8fafc;--text-muted: #94a3b8;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px;--font-main: "Inter", system-ui, -apple-system, sans-serif;--shadow-glow: 0 0 30px -10px rgba(34, 211, 238, .15);--shadow-card: 0 15px 30px -10px rgba(2, 6, 23, .8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-main);background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.15) 0%,transparent 50%),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-main);min-height:100vh;overflow:hidden;font-size:13.5px;line-height:1.4}#root{height:100vh;display:flex}h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;color:#fff;text-shadow:0 4px 20px rgba(2,6,23,.5)}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}h4{font-size:.95rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:var(--glass-border);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem}.glass-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--glass-highlight) 0%,transparent 100%);pointer-events:none}.glass-panel:hover{border-color:#22d3ee33;box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.85rem;outline:none;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;box-shadow:0 4px 15px #06b6d466;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 6px 25px #06b6d499;transform:translateY(-1px)}.btn-ghost{background:#ffffff0d;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{background:#ffffff1a;color:#fff;border-color:#ffffff1a}input,textarea{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-md);padding:10px 14px;color:#fff;font-family:inherit;width:100%;outline:none;transition:all .2s;font-size:.9rem}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #22d3ee1a;background:#0f172acc}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out both}.animate-fade-in{animation:fadeInScale .3s ease-out backwards}.animate-scale-in{animation:fadeInScale .4s cubic-bezier(.16,1,.3,1) forwards}.glass-panel{background:#111;border-left:1px solid #222}.pill-tab{padding:6px 20px;border-radius:9999px;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.pill-active{background:#2979ff;color:#fff;box-shadow:0 0 12px #2979ff66;border-color:#ffffff1a}.pill-inactive{background:transparent;color:#888;border:1px solid #333;opacity:.6}.pill-inactive:hover{opacity:1;border-color:#555;color:#bbb}.time-column{width:60px;border-right:1px solid #333;background:#111}.time-slot{height:120px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #333;box-sizing:border-box;position:relative}.time-label-main{font-size:14px;font-weight:700;color:#fff;position:static}.time-sub{font-size:9px;font-weight:400;color:#555;font-family:monospace;position:static}.min-10,.min-20,.min-30,.min-40,.min-50{top:auto}.hour-line{border-top:1px solid #333;height:120px;position:relative;box-sizing:border-box}.ten-min-line{position:absolute;width:100%;border-top:1px dotted #222;height:0}.line-10{top:20px}.line-20{top:40px}.line-30{top:60px}.line-40{top:80px}.line-50{top:100px}.sidebar h3{font-size:12px;font-weight:800;color:#888;margin-bottom:16px;border-bottom:1px solid #333;padding-bottom:10px}.category-group{margin-bottom:12px;border-bottom:1px solid #222;padding-bottom:8px}.category-group summary{cursor:pointer;font-weight:700;font-size:12px;color:#aaa;list-style:none;outline:none;transition:color .2s;display:flex;justify-content:space-between}.category-group[open] summary{color:#fff;margin-bottom:10px}.category-group summary::-webkit-details-marker{color:#555}.assets-list{display:flex;flex-direction:column;gap:6px;padding-left:8px}.draggable-item{background:#1f1f1f;padding:8px 12px;border-radius:4px;font-size:12px;color:#ccc;border:1px solid #333;cursor:grab;transition:all .1s}.draggable-item:hover{background:#2a2a2a;border-color:#555;color:#fff}.task-card{position:absolute;width:90%;left:5%;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;color:#fff;box-shadow:0 4px 10px #0006;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.1);z-index:10;overflow:hidden}.card-blue{background:#1e3a8a;border-color:#3b82f6}.card-green{background:#064e3b;border-color:#10b981}.color-popover{position:absolute;top:70px;right:280px;width:250px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;z-index:100;box-shadow:0 10px 25px #00000080}.color-popover.hidden{display:none}.popover-header{font-size:11px;font-weight:800;color:#888;margin-bottom:12px;letter-spacing:1px}.color-definitions{list-style:none;padding:0;margin:0}.color-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;transition:background .2s ease;cursor:pointer}.color-row:hover{background:#ffffff14}.swatch{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0003}.color-red{background:radial-gradient(circle at center,#ff7575,#e63946);box-shadow:0 2px 8px #e639464d}.color-blue{background:radial-gradient(circle at center,#4dabf7,#1e88e5);box-shadow:0 2px 8px #1e88e54d}.color-green{background:radial-gradient(circle at center,#69db7c,#2f9e44);box-shadow:0 2px 8px #2f9e444d}.color-yellow{background:radial-gradient(circle at center,gold,#ff8c00);box-shadow:0 2px 8px #ff8c004d}.color-row.selected .swatch{box-shadow:0 0 0 2px #141414cc,0 0 0 4px #fff;transform:scale(1.05)}.label-input{font-family:Inter,sans-serif;font-weight:500;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);border:none;background:transparent;font-size:13px;width:100%;outline:none;cursor:pointer}.color-definitions.edit-mode .label-input{border:1px solid #555;background:#222;cursor:text;padding:2px 5px;border-radius:4px}.tag-controls{margin-top:15px;padding-top:10px;border-top:1px solid #333}.toggle-switch{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa;cursor:pointer}.popover-footer{margin-top:15px;display:flex;justify-content:center}.btn-text-only{background:none;border:none;color:#555;font-size:10px;font-weight:700;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .2s;letter-spacing:.5px}.btn-text-only:hover{color:#888;background:#222}.glass-header{height:70px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);z-index:100;position:sticky;top:0}.logo-section{display:flex;align-items:center;gap:12px}.nav-logo{height:28px;filter:brightness(100) contrast(1)}.brand-name{font-weight:800;color:#fff;letter-spacing:-.5px;font-size:1.1rem}.top-nav{display:flex;gap:10px;background:#ffffff08;padding:6px;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.nav-item{background:transparent;border:none;color:#94a3b8;padding:8px 20px;border-radius:40px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;box-shadow:0 4px 15px #06b6d466}.icon-btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-danger:hover{background:#ef4444;color:#fff}.main-content-scroll{flex:1;overflow-y:auto;width:100%;padding:20px}.btn-color-trigger,.modern-button{border-radius:50px!important;background:linear-gradient(145deg,#2a2a2a,#1f1f1f)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 0 10px #ffffff1a!important;transform:translateY(-2px);border-color:#ffffff4d!important}.app-container,.main-content,.schedule-studio-container{max-width:100vw!important;width:100%!important;overflow-x:hidden;box-sizing:border-box;margin:0!important}.schedule-grid{width:100%;display:grid}.sidebar-right,.asset-bank{background:#1e1e23b3!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px);border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 30px #00000080;border-radius:20px 0 0 20px;padding:20px}details.category-group summary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:8px;padding:10px;font-weight:600;letter-spacing:1px;transition:all .3s ease}details.category-group[open] summary{background:linear-gradient(90deg,rgba(59,130,246,.2),transparent);border-color:#3b82f680;color:#60a5fa}.btn-color-trigger,.modern-btn{background:linear-gradient(145deg,#2a2a2a,#1a1a1a)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:30px!important;color:#fff;padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:.5px;box-shadow:4px 4px 10px #0000004d,-4px -4px 10px #ffffff0d;transition:transform .1s,box-shadow .2s}.btn-color-trigger:hover{transform:translateY(-2px);box-shadow:0 0 15px #3b82f666;border-color:#3b82f680!important}.studio-container{display:flex;width:100%;height:100%;background-color:#0a0a0a;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:#e5e5e5;position:relative}.color-widget-wrapper{position:fixed;top:260px;left:20px;z-index:2000}.color-menu-trigger{background:#222;border:1px solid #444;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:5px}.color-indicator{width:10px;height:10px;border-radius:50%}.studio-main-area{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:auto}.tabs-controls{height:60px;display:flex;align-items:center;justify-content:center;padding-left:120px;gap:12px;border-bottom:1px solid #222;background:#0f0f0f;position:sticky;top:0;z-index:90}.time-header-row{height:40px;display:flex;border-bottom:1px solid #222;background:#0f0f0f}.time-header-spacer{width:80px;border-right:1px solid #222;flex-shrink:0}.staff-header-cell{flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#888;border-right:1px solid #222}.schedule-grid-area{flex:1;overflow-y:visible;display:flex;position:relative}.time-column-wrapper{width:80px;flex-shrink:0;background:#0f0f0f;border-right:1px solid #222}.columns-container{flex:1;display:flex;position:relative}.grid-background-layer{position:absolute;inset:0;pointer-events:none;z-index:0}.modal-overlay{z-index:2147483647!important;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.modal-content{background:#111;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px -12px #00000080;border-radius:16px;padding:24px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;position:relative}.btn-action-blue{background:linear-gradient(135deg,#06b6d4,#3b82f6)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #06b6d466;border-radius:50px;padding:8px 20px;font-weight:600;cursor:pointer;transition:transform .2s;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.btn-action-blue:hover{transform:translateY(-2px);filter:brightness(1.1)}.color-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0;margin:0;list-style:none}.color-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.color-item:hover{background:#ffffff1a;transform:translateY(-1px)}.color-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.color-dot.active{box-shadow:0 0 0 2px #fff}.color-label{font-size:12px;font-weight:500;color:#ddd}.color-label-input{background:#111;border:1px solid #444;color:#fff;padding:4px 6px;border-radius:4px;font-size:12px;width:100%}.text-neon-light{color:var(--primary);text-shadow:0 0 12px rgba(34,211,238,.5),0 0 4px rgba(34,211,238,.3);font-weight:800!important;letter-spacing:1.5px!important;font-size:.8rem!important;text-transform:uppercase;margin-bottom:8px;padding-left:4px}@keyframes fadeInBlurUp{0%{opacity:0;transform:translateY(12px) scale(.99);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.animate-page-enter{animation:fadeInBlurUp .4s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,opacity,filter;width:100%}.stagger-enter>*{animation:fadeInBlurUp .5s cubic-bezier(.2,.8,.2,1) backwards}.stagger-enter>*:nth-child(1){animation-delay:.05s}.stagger-enter>*:nth-child(2){animation-delay:.1s}.stagger-enter>*:nth-child(3){animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:.5}}