@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");:root{--brand-blue:#3276fe;--brand-blue-dark:#2457c4;--brand-blue-light:#e8f0fd;--brand-blue-mid:#2563eb;--bg-app:#f5f7fa;--bg-page:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f8faff;--bg-input:#f5f7fa;--bg-overlay:rgba(0,0,0,.45);--bg-header:hsla(0,0%,100%,.95);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-brand:#fff;--success:#16a34a;--success-bg:#f0fdf4;--warning:#d97706;--warning-bg:#fffbeb;--error:#dc2626;--error-bg:#fef2f2;--info:#3276fe;--info-bg:#e8f0fd;--border:#e2e8e0;--border-hover:#cbd5e1;--border-focus:var(--brand-blue);--role-bg-producer:#eef2ff;--role-text-producer:#4338ca;--role-border-producer:#e0e7ff;--role-bg-director:#f0fdf4;--role-text-director:#15803d;--role-border-director:#dcfce7;--role-bg-writer:#fffbeb;--role-text-writer:#b45309;--role-border-writer:#fef3c7;--role-bg-artist:#fef2f2;--role-text-artist:#b91c1c;--role-border-artist:#fee2e2;--role-bg-admin:#faf5ff;--role-text-admin:#7e22ce;--role-border-admin:#f3e8ff;--sidebar-width:240px;--header-height:60px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--page-max-width:1200px;--card-radius:14px;--modal-radius:18px;--input-radius:8px;--tab-underline:2px;--page-title-size:24px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.07),0 4px 6px rgba(0,0,0,.05);--shadow-blue:0 4px 14px rgba(50,118,254,.25);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}.dark{--bg-app:#020617;--bg-page:#0f172a;--bg-sidebar:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-input:#1e293b;--bg-overlay:rgba(0,0,0,.7);--bg-header:rgba(15,23,42,.9);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-brand:#fff;--border:#334155;--border-hover:#475569;--success-bg:rgba(22,163,74,.1);--warning-bg:rgba(217,119,6,.1);--error-bg:rgba(220,38,38,.1);--info-bg:rgba(50,118,254,.1);--card-shadow:0 10px 15px -3px rgba(0,0,0,.5);--role-bg-producer:rgba(67,56,202,.2);--role-text-producer:#a5b4fc;--role-border-producer:rgba(67,56,202,.4);--role-bg-director:rgba(21,128,61,.2);--role-text-director:#86efac;--role-border-director:rgba(21,128,61,.4);--role-bg-writer:rgba(180,83,9,.2);--role-text-writer:#fcd34d;--role-border-writer:rgba(180,83,9,.4);--role-bg-artist:rgba(185,28,28,.2);--role-text-artist:#fca5a5;--role-border-artist:rgba(185,28,28,.4);--role-bg-admin:rgba(126,34,206,.2);--role-text-admin:#d8b4fe;--role-border-admin:rgba(126,34,206,.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:var(--brand-blue);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block}button{font-family:inherit}.text-xs{font-size:11px;line-height:1.4}.text-sm{font-size:13px;line-height:1.5}.text-base{font-size:15px;line-height:1.6}.text-lg{font-size:17px;line-height:1.6}.text-xl{font-size:20px;line-height:1.4}.text-2xl{font-size:24px;line-height:1.3}.text-3xl{font-size:30px;line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border:1px solid transparent;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:36px}.btn:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,#3276fe 0,#378ffa 57%,hsla(0,0%,100%,0) 100%),var(--brand-blue);color:var(--text-on-brand);border-color:transparent;box-shadow:0 4px 14px rgba(50,118,254,.35)}.btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#164bb8 0,#3075e6 57%,hsla(0,0%,100%,0) 100%),var(--brand-blue-dark);border-color:transparent;box-shadow:0 6px 20px rgba(50,118,254,.45)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary);border-color:var(--border)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:6px 12px;font-size:13px;min-height:32px;border-radius:var(--radius-sm)}.btn-lg{padding:11px 24px;font-size:15px;min-height:44px;border-radius:var(--radius-lg)}.btn-icon{padding:8px;width:36px;height:36px}.btn-icon.btn-sm{width:32px;height:32px;padding:6px}.input{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;transition:all var(--transition-base);min-height:38px}.input:focus{outline:none;border-color:var(--border-focus);background:var(--bg-page);box-shadow:0 0 0 3px rgba(50,118,254,.12)}.input::placeholder{color:var(--text-muted)}.input-sm{padding:6px 10px;font-size:13px;min-height:32px}.label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-base)}.card-hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;border-radius:99px;letter-spacing:.02em}.badge-blue{background:var(--brand-blue-light);color:var(--brand-blue)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-grey{background:var(--bg-input);color:var(--text-secondary)}.stat-card{display:flex;flex-direction:column;gap:6px}.stat-value{font-size:28px;font-weight:700;color:var(--brand-blue);line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-change,.stat-label{font-size:12px;font-weight:500}.stat-change{display:flex;align-items:center;gap:3px}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--error)}.divider{height:1px;margin:16px 0}.divider,.divider-v{background:var(--border)}.divider-v{width:1px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--brand-blue);border-radius:50%;animation:spin .65s linear infinite}.spinner-lg{width:32px;height:32px;border-width:3px}.eonverse-loader-container{display:inline-flex;justify-content:center;align-items:center;position:relative}.eonverse-loader-svg{width:100%;height:100%;overflow:visible}.eonverse-loader-path{stroke:var(--brand-blue);stroke-width:15;fill:transparent;stroke-dasharray:4500;stroke-dashoffset:4500;animation:glow-reveal 3.5s ease-out infinite}@keyframes glow-reveal{0%{fill:transparent;stroke-dashoffset:4500;filter:none}40%{fill:transparent;stroke-dashoffset:0;filter:none}60%,80%{fill:var(--brand-blue);stroke-dashoffset:0;filter:drop-shadow(0 0 10px var(--brand-blue))}to{fill:transparent;stroke-dashoffset:4500;filter:none}}.role-switcher-dropdown{position:absolute;bottom:100%;left:0;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px;z-index:100;animation:slide-up .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.role-switcher-header{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;padding:4px 8px 8px;letter-spacing:.5px}.role-switcher-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.role-switcher-item:hover{background:var(--bg-hover)}.role-switcher-item.active{background:rgba(50,118,254,.1);color:var(--brand-blue)}.role-switcher-check{font-weight:800}.role-switcher-divider{height:1px;background:var(--border);margin:4px 0}.logout-item{color:var(--error);gap:6px;justify-content:flex-start}.logout-item:hover{background:rgba(239,68,68,.1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f2f5 25%,#e8eaed 50%,#f0f2f5 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:14px;line-height:1.5;border:1px solid}.alert-error{background:var(--error-bg);border-color:#fca5a5;color:#991b1b}.alert-success{background:var(--success-bg);border-color:#86efac;color:#15803d}.alert-info{background:var(--info-bg);border-color:#93c5fd;color:var(--brand-blue)}.alert-warning{background:var(--warning-bg);border-color:#fcd34d;color:#92400e}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-full{width:100%}.w-max{width:max-content}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-6xl{max-width:72rem}.max-w-\[1600px\]{max-width:1600px}.mx-auto{margin-left:auto;margin-right:auto}.space-y-1>*+*{margin-top:.25rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.bg-card{background-color:var(--card,#fff)}.bg-muted\/5{background-color:rgba(241,245,249,.5)}.bg-muted\/10{background-color:rgba(241,245,249,.8)}.border-border\/40{border-color:rgba(226,232,240,.8)}.border-primary\/20{border-color:rgba(50,118,254,.2)}.border-primary\/40{border-color:rgba(50,118,254,.4)}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,.05)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.glass{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-muted-foreground{color:var(--text-muted,#64748b)}.text-foreground{color:var(--text-primary,#0f172a)}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-3{grid-column:span 3/span 3}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}