@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--charcoal-black:#0d0d0d;--charcoal-dark:#121212;--charcoal-medium:#1a1a1a;--charcoal-light:#242424;--charcoal-border:#2a2a2a;--midnight-green-deep:#050a14;--midnight-green:#0a1428;--midnight-green-light:#162a4d;--midnight-green-glow:#0a142899;--gold-metallic:#8b5cf6;--gold-foil:linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #8b5cf6 100%);--gold-dark:#4f46e5;--gold-light:#a78bfa;--gold-glow:#8b5cf633;--gold-glow-intense:#8b5cf673;--text-primary:#f2f5f4;--text-secondary:#a3b0ac;--text-muted:#697874;--danger:#cf6679;--danger-glow:#cf667933;--success:#03dac6;--success-glow:#03dac633;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--glass-bg:#121212b3;--glass-bg-green:#0a142873;--glass-border:#8b5cf626;--glass-blur:blur(12px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--charcoal-black);background-image:radial-gradient(at 0% 0%, var(--midnight-green-deep) 0px, transparent 50%), radial-gradient(at 100% 100%, var(--charcoal-dark) 0px, transparent 50%), radial-gradient(at 50% 50%, #080f0e 0px, transparent 100%);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:16px;line-height:1.5;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--charcoal-black)}::-webkit-scrollbar-thumb{background:var(--midnight-green-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-metallic)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}p{color:var(--text-secondary)}.gold-text{background:var(--gold-foil);-webkit-text-fill-color:transparent;color:var(--gold-metallic);-webkit-background-clip:text;background-clip:text;font-weight:700}.gold-border{position:relative}.gold-border:after{content:"";background:var(--gold-foil);opacity:.6;width:100%;height:1px;position:absolute;bottom:0;left:0}input,select,textarea{border:1px solid var(--charcoal-border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);background:#121212cc;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--gold-metallic);box-shadow:0 0 10px var(--gold-glow);background:#0a14284d}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{font-family:var(--font-title);color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.card-premium{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-normal);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000005e}.card-premium:hover{box-shadow:0 12px 40px 0 #0a142880, 0 0 20px 0 var(--gold-glow);border-color:#8b5cf659;transform:translateY(-2px)}.card-premium-green{background:var(--glass-bg-green);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-normal);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0006}.card-premium-green:hover{box-shadow:0 12px 45px 0 #0a1428b3, 0 0 25px 0 var(--gold-glow-intense);border-color:#8b5cf673;transform:translateY(-2px)}.btn-gold{background:var(--gold-foil);color:#fff;font-family:var(--font-title);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition-normal);border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #6366f166}.btn-gold:hover{box-shadow:0 6px 20px var(--gold-glow-intense), 0 0 10px #a78bfa80;filter:brightness(1.08);color:#fff;transform:scale(1.02)}.btn-gold:active{transform:scale(.98)}.btn-outline{color:var(--gold-metallic);border:1px solid var(--gold-metallic);font-family:var(--font-title);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition-normal);background:0 0;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:11px 23px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-outline:hover{box-shadow:0 0 15px var(--gold-glow);background:#8b5cf61a;transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.btn-secondary{background:var(--charcoal-light);color:var(--text-primary);border:1px solid var(--charcoal-border);font-family:var(--font-title);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition-normal);border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--charcoal-medium);border-color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.grid-responsive{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}.app-container{flex-direction:column;min-height:100vh;display:flex;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.app-main-content{transition:var(--transition-normal);flex-direction:column;flex-grow:1;padding:72px 14px 28px;display:flex;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.content-container{flex-direction:column;flex-grow:1;gap:20px;margin:0 auto;display:flex;box-sizing:border-box!important;width:100%!important;max-width:100%!important}@media (min-width:1024px){.app-container{flex-direction:row;max-width:100%!important}.app-main-content{margin-left:72px;padding:40px 48px;width:calc(100% - 72px)!important;max-width:calc(100% - 72px)!important;overflow-x:visible!important}.content-container{gap:24px;margin:0;max-width:100%!important}}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden;background:#000000d9!important}.modal-content{background:var(--glass-bg-green)!important;border:1px solid var(--glass-border)!important;width:100%!important;max-width:550px!important;max-height:85vh!important;box-shadow:0 12px 45px #000000b3, 0 0 30px var(--gold-glow)!important;border-radius:16px!important;flex-direction:column!important;display:flex!important;overflow:hidden!important}.modal-header{background:#121212f2;border-bottom:1px solid #8b5cf626;flex-shrink:0}.modal-form{flex-direction:column;flex-grow:1;gap:16px;display:flex;max-height:calc(85vh - 80px)!important;padding:24px!important;overflow-y:auto!important}.modal-form::-webkit-scrollbar{width:5px}.modal-form::-webkit-scrollbar-track{background:0 0}.modal-form::-webkit-scrollbar-thumb{background:var(--gold-metallic);opacity:.5;border-radius:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-custom{animation:1s linear infinite spin}.view-header,.page-toolbar{background:0 0;border-bottom:1px solid #d4af3726;flex-direction:column;gap:12px;display:flex;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-bottom:20px!important;margin-left:0!important;margin-right:0!important;padding:0 0 16px!important}@media (min-width:768px){.view-header,.page-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:1024px){.view-header,.page-toolbar{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0df2;margin-top:-40px;position:sticky;top:0;width:calc(100% + 96px)!important;max-width:calc(100% + 96px)!important;margin-left:-48px!important;margin-right:-48px!important;padding:24px 48px!important}}.calendar-grid-wrapper{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;max-width:100%;padding-bottom:6px;overflow-x:auto}.calendar-grid-wrapper::-webkit-scrollbar{height:6px}.calendar-grid-wrapper::-webkit-scrollbar-thumb{background:var(--gold-metallic);border-radius:3px}@media (max-width:960px){.details-layout,.double-panel-layout{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width:768px){.dashboard-header-panel,.page-toolbar,.view-header{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:100%!important;max-width:100%!important;display:flex!important}.dashboard-header-panel>*,.page-toolbar>*,.view-header>*{box-sizing:border-box!important;max-width:100%!important}.dashboard-header-panel>div:last-child,.page-toolbar>div:last-child,.view-header>div:last-child,.header-actions{flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.card-premium,.card-premium-green{box-sizing:border-box!important;overflow-wrap:break-word!important;word-break:break-word!important;max-width:100%!important;padding:16px!important}.filters-bar{grid-template-columns:1fr!important;gap:12px!important}.completed-cards-grid{grid-template-columns:1fr!important;gap:16px!important}.form-section{box-sizing:border-box!important;max-width:100%!important;padding:16px!important}.section-title{word-break:break-word!important;font-size:1.35rem!important}.section-subtitle{word-break:break-word!important;font-size:.82rem!important}.btn-gold,.btn-outline,.btn-secondary{box-sizing:border-box!important;padding:10px 16px!important;font-size:.85rem!important}.calendar-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.calendar-controls{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.calendar-controls-row{justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.current-month-lbl{text-align:center!important;flex:1!important;min-width:0!important;font-size:.88rem!important}.calendar-grid{min-width:0!important}}@media (max-width:580px){.details-layout div[style*=gridTemplateColumns],.form-section div[style*=gridTemplateColumns],.form-grid-2{grid-template-columns:1fr!important}input,select,textarea{box-sizing:border-box!important;max-width:100%!important;padding:10px 12px!important;font-size:.9rem!important}.calendar-grid{gap:4px!important;min-width:0!important}.calendar-day-cell{min-height:70px!important;padding:4px!important}.calendar-day-cell.semanal-cell{min-height:160px!important}.week-day-lbl{padding:4px 0!important;font-size:.72rem!important}.day-number{font-size:.8rem!important}.event-badge{padding:3px 4px!important;font-size:.68rem!important}}.checklist-number{color:#a5b4fc;vertical-align:middle;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#2563eb25,#7c3aed35);border:1px solid #8b5cf655;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;height:34px;margin-right:12px;padding:0 7px;font-size:15px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.checklist-heading{align-items:center;line-height:1.5;display:flex}.checklist-heading .checklist-number{margin-right:12px}.mobile-scroll-hint{display:none}@media (max-width:768px){.calendar-container-card:not(.fullscreen-active){width:100%!important;min-width:0!important;max-width:100%!important}.calendar-container-card .calendar-header,.calendar-container-card .calendar-grid-wrapper{min-width:0;max-width:100%}.episode-details-page{width:100%!important;min-width:0!important;max-width:100%!important}.episode-details-page .details-layout{min-width:0;grid-template-columns:minmax(0,1fr)!important}.episode-details-page .form-section,.episode-details-page .page-toolbar{min-width:0;max-width:100%}.episode-details-page input[type=file]{width:100%;min-width:0;max-width:100%}.episode-details-page .section-title>span{overflow-wrap:anywhere;min-width:0}.mobile-scroll-hint{color:var(--text-secondary);padding:12px 16px 0;font-size:.78rem;display:block}.table-responsive{-webkit-overflow-scrolling:touch}}@media (max-width:580px){.episode-identity-grid{grid-template-columns:minmax(0,1fr)!important}.episode-identity-grid>*{min-width:0}.metrics-grid .metric-card{flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:13px}.metrics-grid .metric-card>div:last-child{width:100%;min-width:0}.metrics-grid .metric-icon-wrap{width:38px;height:38px}.metrics-grid .metric-lbl{word-break:normal;overflow-wrap:normal}.checklist-editor-row{gap:8px!important;padding:10px!important}.kanban-column-basics{grid-template-columns:minmax(0,1fr)!important}.kanban-column-basics .form-group{min-width:0}.checklist-editor-heading{gap:12px;flex-direction:column!important;align-items:stretch!important}.checklist-editor-heading>button{white-space:nowrap;justify-content:center;width:100%}.checklist-editor-fields{align-items:stretch;flex-direction:column!important}.checklist-editor-fields>input,.checklist-editor-fields>select{flex:auto!important;width:100%!important;min-width:0!important}.completed-card-header{gap:10px;flex-direction:column!important}.completed-card-actions{width:100%;align-items:flex-start!important}.completed-card-actions button{white-space:nowrap}}
