@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Manrope,sans-serif;line-height:1.5;font-weight:500;color:#17120d;background:radial-gradient(circle at top left,rgba(212,106,59,.18),transparent 26%),radial-gradient(circle at right 15%,rgba(70,113,102,.16),transparent 22%),linear-gradient(180deg,#f7f2ea,#efe7dc);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(255, 252, 246, .84);--panel-strong: rgba(255, 248, 238, .94);--line: rgba(37, 24, 12, .08);--line-strong: rgba(37, 24, 12, .18);--ink-soft: rgba(23, 18, 13, .64);--accent: #d46a3b;--accent-dark: #8f4624;--success: #2d7a66;--danger: #b44747;--shadow: 0 18px 45px rgba(51, 38, 22, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}code{font-size:.92em;padding:.1rem .35rem;border-radius:999px;background:#17120d0f}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(320px,440px);gap:2rem;padding:2rem}.auth-copy,.auth-card,.sidebar,.panel,.scope-note{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-copy{border-radius:36px;padding:3rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fffcf6d1,#fff4ebbd),linear-gradient(180deg,#f8efe4,#f5eee4)}.auth-copy h1,.topbar h1{margin:.35rem 0 1rem;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em}.auth-copy p{max-width:50rem;color:var(--ink-soft);font-size:1.05rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:var(--accent-dark);font-weight:800}.auth-note,.endpoint-pill,.metric-badge{display:inline-flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;border-radius:18px;background:#ffffff94;border:1px solid var(--line)}.auth-card{align-self:center;border-radius:32px;padding:2rem;background:var(--panel)}.auth-card h2,.panel h2,.record-row h3,.mini-card h3,.media-card h3,.playlist-card h3{margin:0}.auth-card p,.panel-head p,.record-row p,.mini-card p,.media-copy p,.playlist-head p,.empty-state,.scope-note{color:var(--ink-soft)}.field,.toggle-field{display:grid;gap:.45rem}.field span,.toggle-field span{font-size:.88rem;font-weight:700;color:#17120dd1}.field input,.field textarea,.field select{border:1px solid var(--line-strong);background:#ffffffd1;border-radius:16px;padding:.9rem 1rem;outline:none;transition:border-color .14s ease,transform .14s ease}.field textarea{resize:vertical;min-height:7rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:#d46a3b9e;transform:translateY(-1px)}.toggle-field{align-items:center;grid-template-columns:1fr auto;min-height:56px;padding:0 .2rem}.toggle-field input{width:1.25rem;height:1.25rem}.primary-button,.ghost-button,.danger-button{border:none;border-radius:16px;padding:.95rem 1.15rem;font-weight:800;transition:transform .14s ease,opacity .14s ease,background .14s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,#e28d52 100%);color:#fff8f1}.ghost-button{background:#ffffff94;color:#2f2419;border:1px solid var(--line)}.danger-button,.mini-danger{background:#b447471a;color:var(--danger)}.mini-danger{border:none;border-radius:999px;padding:.2rem .6rem;font-size:.82rem}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.mini-danger:hover,.nav-item:hover{transform:translateY(-1px)}.flash{border-radius:18px;padding:.9rem 1rem;margin:0 0 1.2rem;font-weight:700}.flash.success{background:#2d7a661f;color:var(--success)}.flash.error{background:#b447471f;color:var(--danger)}.app-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr;gap:1.4rem;padding:1.25rem}.sidebar{display:flex;flex-direction:column;justify-content:space-between;border-radius:30px;padding:1.3rem;background:linear-gradient(180deg,#fffaf5db,#f6eee4eb)}.brand-block{padding-bottom:1.3rem;border-bottom:1px solid var(--line)}.brand-block h2{margin:.25rem 0;font-family:Fraunces,serif;font-size:2rem}.muted-line{display:block;color:var(--ink-soft);margin-top:.2rem}.nav-stack{display:grid;gap:.7rem;margin:1.5rem 0}.nav-item{border:1px solid transparent;border-radius:20px;text-align:left;padding:.9rem 1rem;background:transparent;color:inherit;display:grid;gap:.12rem}.nav-item strong{font-size:1rem}.nav-item span{color:var(--ink-soft);font-size:.86rem}.nav-item.active{border-color:#d46a3b2e;background:#ffffffb3}.sidebar-footer{display:grid;gap:.85rem}.content{min-width:0;display:grid;align-content:start;gap:1rem}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.75rem .25rem}.topbar-meta{display:flex;gap:.75rem;flex-wrap:wrap}.metric-badge span{color:var(--ink-soft);font-size:.78rem}.metric-badge strong{font-size:1.15rem}.section-grid{display:grid;gap:1rem}.panel{border-radius:28px;padding:1.25rem;background:var(--panel)}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.panel-head h2{font-size:1.2rem}.stats-grid,.card-grid,.form-grid{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{border-radius:22px;padding:1rem;background:var(--panel-strong);border:1px solid var(--line)}.stat-card span{display:block;color:var(--ink-soft);font-size:.86rem}.stat-card strong{display:block;margin-top:.45rem;font-size:2rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.field-full{grid-column:1 / -1}.list-stack{display:grid;gap:.8rem}.record-row,.mini-card,.media-card,.playlist-card{border-radius:22px;border:1px solid var(--line);background:var(--panel-strong)}.record-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem}.record-row-main{min-width:0}.record-row-top{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.15rem}.record-row small{display:block;margin-top:.35rem;color:#17120d7a}.mini-card{padding:1rem;display:grid;gap:.75rem}.mini-card-head{display:flex;align-items:center;gap:.75rem}.color-dot{width:14px;height:14px;border-radius:999px}.media-card{overflow:hidden;display:grid}.media-preview{aspect-ratio:16 / 9;background:linear-gradient(135deg,#46716624,#d46a3b24)}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover;display:block}.media-copy{padding:1rem}.media-tags{display:flex;gap:.5rem;flex-wrap:wrap}.soft-badge,.status-badge,.priority-badge,.status-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;font-size:.76rem;padding:.35rem .7rem}.soft-badge{background:#17120d12;color:#46362a}.status-badge.online,.status-dot.success{background:#2d7a6624;color:var(--success)}.status-badge.offline,.status-dot.idle{background:#17120d14;color:#675647}.status-badge.maintenance{background:#d46a3b24;color:var(--accent-dark)}.priority-badge{background:#d46a3b1f;color:var(--accent-dark)}.playlist-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.playlist-card{padding:1rem;display:grid;gap:1rem}.playlist-head{display:flex;justify-content:space-between;gap:1rem}.playlist-items{display:grid;gap:.7rem}.playlist-item-line{border-radius:16px;padding:.8rem .9rem;background:#ffffffa3;display:grid;gap:.2rem}.playlist-item-line span{color:var(--ink-soft);font-size:.9rem}.loading-state,.empty-state,.scope-note{padding:1rem 1.1rem;border-radius:22px;background:#ffffff94;border:1px dashed var(--line-strong)}.scope-note{background:#fffaf4d6}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{padding:1rem}.topbar{flex-direction:column;align-items:start}}@media(max-width:860px){.auth-shell{grid-template-columns:1fr;padding:1rem}}@media(max-width:640px){.app-shell{padding:.8rem;gap:.8rem}.panel,.sidebar,.auth-card,.auth-copy{border-radius:24px}.record-row{flex-direction:column;align-items:start}}