.app-shell{min-height:100%;display:flex;flex-direction:column}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem;border-bottom:1px solid var(--line-subtle);background:var(--bg-raised);position:sticky;top:0;z-index:20}.app-topbar__brand-group{display:flex;align-items:center;gap:.6rem}.app-topbar__pill{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 16%,transparent);padding:.25rem .55rem;border-radius:999px}.app-topbar__right{display:flex;align-items:center;gap:1rem}.app-topbar__its{font-size:.82rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.03em}.app-topbar__logout{border:1px solid var(--line-strong);background:transparent;color:var(--text-primary);font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out)}.app-topbar__logout:hover{border-color:var(--accent);background:var(--bg-inset)}.app-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2.25rem 1.75rem 3rem}@media (max-width: 560px){.app-topbar{padding:.85rem 1.1rem}.app-main{padding:1.5rem 1.1rem 2.5rem}}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--accent)}.brand__mark{width:1.4em;height:1.4em;flex-shrink:0}.brand__name{font-family:var(--font-display);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.brand--sm .brand__name{font-size:1.05rem}.brand--md .brand__name{font-size:1.3rem}.brand--lg .brand__name{font-size:1.9rem}.theme-toggle{background:none;border:none;padding:0;cursor:pointer;color:var(--text-secondary);line-height:0}.theme-toggle__track{display:flex;align-items:center;width:44px;height:24px;padding:3px;border-radius:999px;background:var(--bg-inset);border:1px solid var(--line-subtle);transition:background-color .2s var(--ease-out)}.theme-toggle__thumb{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--bg-raised);color:var(--accent);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .22s var(--ease-out)}.theme-toggle[aria-pressed=true] .theme-toggle__thumb{transform:translate(20px)}.auth-page{min-height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,var(--bg-raised-2) 0%,var(--bg-base) 60%)}.auth-page__toggle{position:absolute;top:1.5rem;right:1.5rem;z-index:5}.auth-page__arches{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;width:min(1400px,220vw);justify-content:center;pointer-events:none;opacity:.55}.auth-page__arch{width:90px;height:150px;margin:0 -1px;border:1.5px solid var(--line-strong);border-bottom:none;border-radius:45px 45px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent) 0%,transparent 70%)}.auth-page__arch:nth-child(4){height:190px;border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong))}.auth-card{position:relative;z-index:2;width:100%;max-width:380px;background:var(--bg-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:2.4rem 2.1rem 2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;animation:card-rise .5s var(--ease-out)}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-card__tagline{color:var(--text-secondary);font-size:.92rem;margin-bottom:1.4rem}.auth-card__form{width:100%;display:flex;flex-direction:column;gap:1rem}.auth-card__field{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.auth-card__field input{font-family:var(--font-ui);font-size:.95rem;padding:.7rem .85rem;border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--bg-inset);color:var(--text-primary);transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.auth-card__field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.auth-card__submit{margin-top:.3rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:var(--accent-contrast);border:none;font-weight:700;font-size:.94rem;padding:.8rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:filter .15s var(--ease-out),transform .15s var(--ease-out)}.auth-card__submit:hover:not(:disabled){filter:brightness(1.06)}.auth-card__submit:active:not(:disabled){transform:translateY(1px)}.auth-card__submit:disabled{opacity:.75;cursor:progress}.auth-card__spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent-contrast) 35%,transparent);border-top-color:var(--accent-contrast);animation:spin .7s linear infinite}.auth-card__footnote{margin-top:1.2rem;font-size:.76rem;color:var(--text-muted);line-height:1.5}.auth-page__admin-link{position:relative;z-index:2;margin-top:1.4rem;font-size:.8rem;color:var(--text-muted);text-decoration:none}.auth-page__admin-link:hover{color:var(--accent)}@media (max-width: 460px){.auth-card{padding:2rem 1.4rem 1.7rem}}.its-input{display:flex;flex-direction:column;gap:.5rem}.its-input__label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.its-input__field{width:100%;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.28em;padding:.85rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--bg-inset);color:var(--text-primary);transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.its-input__field::placeholder{color:var(--text-muted);letter-spacing:.28em}.its-input__field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.its-input__meter{display:flex;gap:6px;padding-left:2px}.its-input__dot{width:8px;height:3px;border-radius:2px;background:var(--line-strong);transition:background-color .15s var(--ease-out),width .15s var(--ease-out)}.its-input__dot.is-filled{background:var(--accent);width:16px}.alert{font-size:.86rem;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid transparent;line-height:1.4}.alert--error{background:var(--status-danger-bg);color:var(--status-danger-text);border-color:color-mix(in srgb,var(--status-danger-text) 25%,transparent)}.alert--success{background:var(--status-ok-bg);color:var(--status-ok-text);border-color:color-mix(in srgb,var(--status-ok-text) 25%,transparent)}.alert--info{background:var(--bg-inset);color:var(--text-secondary);border-color:var(--line-subtle)}.dashboard{display:flex;flex-direction:column;gap:1.8rem}.dashboard__welcome{display:flex;flex-direction:column;gap:.35rem}.dashboard__greeting{color:var(--accent-strong);font-size:.9rem;font-weight:600}.dashboard__welcome h1{font-size:2rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}.dashboard__sub{color:var(--text-secondary);font-size:.94rem;max-width:52ch}.video-player{background:var(--bg-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.video-player__frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.video-player__mount-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.video-player__mount-wrap iframe{width:100%;height:100%;border:0;pointer-events:none}.video-player__status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:#ffffffbf;font-size:.85rem;background:#0b0e1f}.video-player__spinner{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--brass-400);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-player__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border:0;padding:0;cursor:pointer;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.video-player__poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#00000073)}.video-player__big-play{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--brass-400) 92%,transparent);color:#1a1204;display:flex;align-items:center;justify-content:center;padding-left:4px;transition:transform .15s var(--ease-out)}.video-player__poster:hover .video-player__big-play{transform:scale(1.06)}.video-player__controls{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:.9rem .9rem .6rem;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 90%);opacity:0;transform:translateY(4px);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out);pointer-events:none}.video-player__controls.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.video-player__progress{position:relative;height:14px;display:flex;align-items:center;cursor:pointer;touch-action:none}.video-player__progress:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:999px;background:#ffffff40}.video-player__progress-fill{position:absolute;left:0;height:4px;border-radius:999px;background:var(--brass-400)}.video-player__progress-thumb{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--brass-400);transform:translate(-50%);box-shadow:0 0 0 3px #00000040}.video-player__bar{display:flex;align-items:center;gap:.6rem;margin-top:.35rem}.video-player__btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:var(--radius-sm);opacity:.9}.video-player__btn:hover{opacity:1;background:#ffffff1f}.video-player__time{font-size:.76rem;color:#ffffffd9;font-variant-numeric:tabular-nums}.video-player__spacer{flex:1}.video-player__meta{padding:1.1rem 1.3rem 1.3rem;border-top:1px solid var(--line-subtle)}.video-player__meta h3{font-size:1.05rem;margin-bottom:.3rem}.video-player__meta p{font-size:.88rem;color:var(--text-secondary)}.admin-dashboard{display:flex;flex-direction:column;gap:1.5rem}.admin-dashboard__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.admin-dashboard__head h1{font-size:1.7rem}.admin-dashboard__head p{color:var(--text-secondary);font-size:.9rem;margin-top:.3rem}.admin-dashboard__actions{display:flex;gap:.8rem}.admin-dashboard__settings{background:transparent;color:var(--text-primary);border:1px solid var(--line-strong);font-weight:600;font-size:.88rem;padding:.65rem 1.1rem;border-radius:var(--radius-md);cursor:pointer;transition:background .15s var(--ease-out);white-space:nowrap}.admin-dashboard__settings:hover{background:var(--bg-hover)}.admin-dashboard__add{background:var(--accent);color:var(--accent-contrast);border:none;font-weight:700;font-size:.88rem;padding:.65rem 1.1rem;border-radius:var(--radius-md);cursor:pointer;transition:filter .15s var(--ease-out);white-space:nowrap}.admin-dashboard__add:hover{filter:brightness(1.06)}.admin-dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin-dashboard__toolbar{display:flex}.admin-dashboard__search{width:100%;max-width:320px;padding:.6rem .85rem;border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--bg-inset);color:var(--text-primary);font-size:.88rem}.admin-dashboard__search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.add-its-form{display:flex;flex-direction:column;gap:1rem}.add-its-form__field{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.add-its-form__field input{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.2em;padding:.65rem .8rem;border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--bg-inset);color:var(--text-primary)}.add-its-form__field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.add-its-form__submit{background:var(--accent);color:var(--accent-contrast);border:none;font-weight:700;font-size:.9rem;padding:.7rem 1rem;border-radius:var(--radius-md);cursor:pointer}.add-its-form__submit:disabled{opacity:.7;cursor:progress}.confirm-delete p{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.confirm-delete strong{color:var(--text-primary);font-family:var(--font-display)}.confirm-delete__actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.confirm-delete__cancel{background:transparent;border:1px solid var(--line-strong);color:var(--text-primary);padding:.55rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer}.confirm-delete__confirm{background:var(--status-danger-text);border:none;color:#2a0d09;padding:.55rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;cursor:pointer}@media (max-width: 640px){.admin-dashboard__stats{grid-template-columns:1fr}}.stat-card{background:var(--bg-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);padding:1.3rem 1.4rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--line-subtle)}.stat-card--active:before{background:var(--status-ok-text)}.stat-card--disabled:before{background:var(--status-danger-text)}.stat-card--accent:before{background:var(--accent)}.stat-card__value{font-family:var(--font-display);font-size:2.1rem;font-weight:600;color:var(--text-primary)}.stat-card__label{font-size:.82rem;color:var(--text-secondary)}.its-table{background:var(--bg-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.its-table__row{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1.4fr;align-items:center;gap:.75rem;padding:.9rem 1.3rem;border-bottom:1px solid var(--line-subtle)}.its-table__row:last-child{border-bottom:none}.its-table__row--head{background:var(--bg-raised-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.its-table__its{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;color:var(--text-primary)}.its-table__date{color:var(--text-secondary);font-size:.85rem}.its-table__actions,.its-table__actions-head{display:flex;gap:.5rem;justify-content:flex-end}.its-table__btn{border:1px solid var(--line-strong);background:transparent;color:var(--text-primary);font-size:.78rem;font-weight:600;padding:.4rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out)}.its-table__btn:hover{background:var(--bg-inset);border-color:var(--accent)}.its-table__btn--danger{color:var(--status-danger-text)}.its-table__btn--danger:hover{border-color:var(--status-danger-text);background:var(--status-danger-bg)}.badge{display:inline-flex;align-items:center;font-size:.74rem;font-weight:600;padding:.22rem .55rem;border-radius:999px;margin-right:.4rem}.badge--ok{background:var(--status-ok-bg);color:var(--status-ok-text)}.badge--off{background:var(--status-off-bg);color:var(--status-off-text)}.badge--session{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-strong)}.its-table__empty{text-align:center;padding:3rem 1rem;background:var(--bg-raised);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--text-secondary)}.its-table__empty p{font-family:var(--font-display);font-size:1.15rem;color:var(--text-primary);margin-bottom:.35rem}@media (max-width: 720px){.its-table__row{grid-template-columns:1fr;gap:.4rem}.its-table__row--head{display:none}.its-table__row{padding:1rem 1.1rem;position:relative}.its-table__actions{justify-content:flex-start}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090a148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:60;animation:overlay-in .18s var(--ease-out)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;background:var(--bg-raised);border:1px solid var(--line-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);animation:modal-in .22s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line-subtle)}.modal__header h3{font-size:1.1rem}.modal__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;border-radius:var(--radius-sm);display:flex}.modal__close:hover{background:var(--bg-inset);color:var(--text-primary)}.modal__body{padding:1.3rem}.not-found{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;text-align:center}.not-found h1{font-size:1.5rem;margin-top:.5rem}.not-found p{color:var(--text-secondary);font-size:.92rem}.not-found__link{margin-top:.6rem;color:var(--accent);font-weight:600;font-size:.88rem;text-decoration:none}.not-found__link:hover{text-decoration:underline}:root{--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brass-300: #e3c079;--brass-400: #d9ae5f;--brass-500: #c8963e;--brass-600: #a97b2f;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-soft: 0 20px 48px -24px rgba(10, 12, 30, .45);--shadow-card: 0 1px 0 rgba(15, 18, 40, .04), 0 12px 28px -20px rgba(15, 18, 40, .25);--ease-out: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-base: #0b0e1f;--bg-raised: #10142b;--bg-raised-2: #161b39;--bg-inset: #0d1024;--line-subtle: rgba(226, 224, 245, .08);--line-strong: rgba(226, 224, 245, .16);--text-primary: #f3f1ea;--text-secondary: rgba(243, 241, 234, .66);--text-muted: rgba(243, 241, 234, .42);--accent: var(--brass-400);--accent-strong: var(--brass-300);--accent-contrast: #1a1204;--status-ok-bg: rgba(94, 190, 138, .14);--status-ok-text: #7fd6a7;--status-off-bg: rgba(226, 224, 245, .08);--status-off-text: rgba(243, 241, 234, .5);--status-danger-bg: rgba(224, 108, 96, .14);--status-danger-text: #ef9c93}[data-theme=light]{--bg-base: #f6f3ea;--bg-raised: #fffdf9;--bg-raised-2: #f1ece0;--bg-inset: #ece5d5;--line-subtle: rgba(23, 20, 8, .09);--line-strong: rgba(23, 20, 8, .16);--text-primary: #1c1a14;--text-secondary: rgba(28, 26, 20, .64);--text-muted: rgba(28, 26, 20, .42);--accent: var(--brass-600);--accent-strong: #8f6425;--accent-contrast: #fffaf0;--status-ok-bg: rgba(47, 138, 92, .12);--status-ok-text: #2f8a5c;--status-off-bg: rgba(23, 20, 8, .06);--status-off-text: rgba(28, 26, 20, .5);--status-danger-bg: rgba(184, 62, 48, .1);--status-danger-text: #b83e30}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .25s var(--ease-out),color .25s var(--ease-out)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}p{margin:0}a{color:inherit}button{font-family:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--accent);color:var(--accent-contrast)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}