@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@500;700&family=Sora:wght@500;600;700&display=swap";:root{--bg-0:#050816;--bg-1:#0b1230;--bg-2:#0f1b46;--surface:#121e48b8;--surface-strong:#122554;--surface-soft:#0f1b44;--text:#e8efff;--muted:#9cb2d9;--border:#749cff42;--accent:#3f8cff;--accent-2:#27d2ff;--danger:#ff617f;--success:#48dc97;--shadow:0 18px 40px #01081a8c;--radius-lg:18px;--radius-md:12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 8% 10%, #2e7aff47 0%, #2e7aff00 35%), radial-gradient(circle at 88% 20%, #27d2ff3d 0%, #27d2ff00 34%), radial-gradient(circle at 45% 80%, #5366ff33 0%, #5366ff00 32%), linear-gradient(160deg, var(--bg-0) 0%, var(--bg-1) 45%, var(--bg-2) 100%);margin:0;font-family:DM Sans,system-ui,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(80px);border-radius:999px;position:fixed}body:before{background:#3f8cff59;width:280px;height:280px;top:-70px;right:-60px}body:after{background:#27d2ff40;width:220px;height:220px;bottom:5vh;left:-80px}h1,h2,h3{letter-spacing:-.025em;margin:0;font-family:Sora,DM Sans,sans-serif}p{margin:0}button,input{font:inherit}button{color:#f7fbff;cursor:pointer;background:linear-gradient(120deg, var(--accent) 0%, #326bff 45%, #2482ff 100%);border:1px solid #0000;border-radius:10px;padding:.64rem .95rem;font-weight:600;transition:transform .16s,box-shadow .16s,border-color .16s,opacity .16s;box-shadow:0 10px 24px #3f8cff59}button:hover{border-color:#91baff73;transform:translateY(-1px)}button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none;transform:none}button.secondary{color:var(--text);border-color:var(--border);box-shadow:none;background:linear-gradient(140deg,#1d2e62eb,#172757eb)}button.danger{background:linear-gradient(120deg,#d74771,#f26380);border-color:#ff83a873;box-shadow:0 10px 24px #ff617f3d}input{width:100%;color:var(--text);border:1px solid var(--border);background:#080e24b8;border-radius:10px;outline:none;padding:.62rem .7rem}input:focus{border-color:#74bcffd9;box-shadow:0 0 0 3px #35a1ff2e}label{color:var(--muted);gap:.34rem;font-size:.9rem;display:grid}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid #7fa3f833;padding:.65rem .45rem}thead th{color:#afc3e9;background:#13234e61;font-weight:600}.muted{color:var(--muted)}.splash{place-items:center;min-height:100vh;display:grid}.auth-layout{place-items:center;min-height:100vh;padding:1.2rem;display:grid}.auth-card{z-index:1;border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#0e1a3feb,#0b1636d9);border-radius:24px;gap:1rem;padding:1.45rem;display:grid;position:relative}.auth-brand{align-items:center;gap:.85rem;display:flex}.brand-mark{background:linear-gradient(160deg,#173474b8,#112455e6);border:1px solid #72b0ff80;border-radius:12px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;overflow:hidden;box-shadow:0 12px 24px #0e1d4b73}.brand-mark-img{object-fit:cover;object-position:center;filter:saturate(1.2)contrast(1.04);width:100%;height:100%}.auth-form{gap:.82rem;display:grid}.error-text{color:#ff9cb1;font-size:.9rem}.app-layout{z-index:1;gap:1rem;width:min(1180px,100% - 2rem);margin:1rem auto 2rem;animation:.36s app-reveal;display:grid;position:relative}@keyframes app-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(160deg,#152554e6,#101e46d1),radial-gradient(circle at 95% 5%,#369dff3d,#369dff00);justify-content:space-between;align-items:start;gap:1rem;padding:1rem;display:flex}.brand{color:#7dc9ff;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;font-weight:700}.topbar-actions{gap:.6rem;display:flex}.tabs{border:1px solid var(--border);background:#0f1b40d1;border-radius:14px;gap:.42rem;width:fit-content;padding:.44rem;display:flex;box-shadow:0 10px 24px #050a1c57}.tabs button{color:#d5e4ff;box-shadow:none;background:0 0;border-color:#0000}.tabs button.active{background:linear-gradient(130deg,#387bff59,#27d2ff33);border-color:#89b8ff7a}.summary-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:.75rem;display:grid}.summary-grid.finance{grid-template-columns:repeat(3,minmax(150px,1fr))}.summary-card{border:1px solid var(--border);background:linear-gradient(155deg,#12214ddb,#0e1a3fdb);border-radius:14px;gap:.44rem;padding:.82rem;display:grid}.summary-card span{color:var(--muted);font-size:.88rem}.summary-card strong{color:#f2f7ff;font-size:1.2rem}.panel{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(170deg,#111d43e6,#0d183ade);gap:1rem;padding:1rem;display:grid}.panel-header{gap:.35rem;display:grid}.finance-controls{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.finance-controls label{min-width:180px}.card-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:.8rem;display:grid}.atv-card{border-radius:var(--radius-md);background:linear-gradient(160deg,#111f4ae6,#0d193be0);border:1px solid #719cf754;gap:.56rem;padding:.84rem;display:grid}.atv-card:hover{border-color:#91c1ff85}.atv-image-wrap{isolation:isolate;background:linear-gradient(145deg,#030b24e6,#06102ce6);border:1px solid #6697ff57;border-radius:12px;width:min(100%,320px);margin-inline:auto;position:relative;overflow:hidden}.atv-image{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.atv-image-tint{pointer-events:none;opacity:.28;mix-blend-mode:color;position:absolute;inset:0}.atv-card.expired{background:linear-gradient(165deg,#3b182ed6,#271027d6);border-color:#ff81a394}.atv-card.recent-finished{border-color:#ff6c8b9e;box-shadow:0 0 0 1px #ff6c8b47,0 16px 34px #7f163075}.atv-card header{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.meta{color:var(--muted);font-size:.9rem}.color-chip{vertical-align:-.08rem;border:1px solid #f0f8ff75;border-radius:999px;width:.8rem;height:.8rem;margin-right:.4rem;display:inline-block}.clock{color:#dbebff;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.08rem;font-weight:700}.danger-text{color:#ff9cb1}.badge{border:1px solid #0000;border-radius:999px;width:fit-content;padding:.22rem .68rem;font-size:.76rem;font-weight:700}.badge.ok{color:#4de39f;background:#15593d59;border-color:#48dc976b}.badge.busy{color:#7ac5ff;background:#2052915c;border-color:#6eb4ff75}.badge.paused{color:#ffd891;background:#784f1654;border-color:#ffc96473}.badge.finished{color:#ffadc1;background:#781c3657;border-color:#ff7e9c80}.badge.inactive{color:#ffd08d;background:#6b3e134d;border-color:#ffb6556b}.inline-form{grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end;gap:.7rem;display:grid}.table-wrap{border:1px solid #6287d647;border-radius:12px;overflow-x:auto}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.button-row.compact{gap:.36rem}.recent-finish-indicator{color:#ffb8c9;background:#69152e52;border:1px solid #ff759670;border-radius:999px;align-items:center;gap:.45rem;width:fit-content;padding:.25rem .6rem;font-size:.86rem;font-weight:600;display:inline-flex}.recent-finish-indicator:before{content:"";background:#ff5f86;border-radius:999px;width:.56rem;height:.56rem;animation:1.25s ease-out infinite pulse-alert;box-shadow:0 0 #ff5f8699}@keyframes pulse-alert{0%{box-shadow:0 0 #ff5f869e}70%{box-shadow:0 0 0 10px #ff5f8600}to{box-shadow:0 0 #ff5f8600}}.toast{color:#fff;max-width:min(430px,100vw - 2rem);box-shadow:var(--shadow);z-index:4;border:1px solid #0000;border-radius:10px;padding:.72rem .92rem;position:fixed;bottom:1rem;right:1rem}.toast.success{background:linear-gradient(120deg,#1d8b61,#30b782);border-color:#8dffd166}.toast.error{background:linear-gradient(120deg,#c74566,#ea587a);border-color:#ffa6bf73}@media (width<=960px){.app-layout{width:min(100%,100% - 1rem)}.topbar{flex-direction:column}.summary-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.inline-form{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr}}@media (width<=600px){.summary-grid,.summary-grid.finance{grid-template-columns:1fr}.tabs{width:100%}.tabs button{flex:1}.inline-form{grid-template-columns:1fr}.topbar-actions{width:100%}.topbar-actions button{flex:1}.finance-controls{flex-direction:column;align-items:stretch}.atv-image-wrap{width:min(100%,240px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}