@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f5f2ea;--card: #ffffff;--ink: #121826;--muted: #6b7280;--accent: #1d4ed8;--accent-2: #f97316;--border: #e5e7eb;--shadow: 0 18px 40px rgba(15, 23, 42, .08);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;background:radial-gradient(circle at top,#fef9ef,#f5f2ea 45%,#efe9df);color:var(--ink)}.app{min-height:100vh;display:flex;flex-direction:column}.login-screen{flex:1;display:grid;place-items:center}.login-card{background:var(--card);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow);width:min(380px,90vw);display:grid;gap:12px}.login-card label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.login-card input{padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.login-card .field{font-size:13px}.field{display:grid;gap:6px;font-size:13px;color:var(--muted)}.field input,.field select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:16px}.menu-toggle{display:none;flex-direction:column;gap:4px;border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:#0f172a;display:block;border-radius:999px}.nav-backdrop{display:none}.brand{display:flex;gap:16px;align-items:center}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;border-radius:14px;box-shadow:var(--shadow)}.brand-title{font-size:20px;font-weight:700}.brand-subtitle{font-size:13px;color:var(--muted)}.topbar-meta{display:flex;gap:12px;align-items:center}.profile-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);padding:6px 12px;border-radius:999px;background:#fff;color:inherit;box-shadow:var(--shadow);cursor:pointer}.profile-menu{position:relative}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px;min-width:180px;box-shadow:var(--shadow);display:grid;gap:6px;z-index:20}.profile-action{background:transparent;border:none;padding:8px 10px;text-align:left;border-radius:8px;cursor:pointer;font-size:13px}.profile-action:hover{background:#f1f5f9}.profile-chip:hover{border-color:#c7d2fe}.avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:grid;place-items:center;font-weight:700;color:#1f2937;overflow:hidden}.avatar.large{width:56px;height:56px;font-size:18px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:12px}.profile-name{font-weight:600;font-size:13px}.profile-preview{display:flex;align-items:center;gap:12px;margin-top:12px}.status-chip,.plan-chip{background:#fff;border:1px solid var(--border);padding:8px 14px;border-radius:999px;font-size:13px}.layout{display:grid;grid-template-columns:240px 1fr;flex:1}.app-footer{padding:12px 28px 20px;font-size:12px;color:var(--muted);text-align:right}.sidebar{padding:24px;border-right:1px solid var(--border)}.tenant-card{background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px}.tenant-title{font-weight:600}.tenant-sub{color:var(--muted);font-size:12px}.tenant-user{margin-top:6px;font-size:13px;font-weight:600}.nav{display:flex;flex-direction:column;gap:10px}.nav-link{border:none;background:transparent;text-align:left;padding:12px 16px;border-radius:12px;font-size:14px;cursor:pointer;color:var(--ink)}.nav-link.active{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.content{padding:32px}.page-header h1{font-size:32px;margin-bottom:6px}.page-sub{color:var(--muted);margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:var(--card);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow)}.card.large{grid-column:span 2}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions.spaced{margin-top:10px;margin-bottom:12px}button{border:1px solid var(--border);padding:10px 16px;border-radius:999px;background:#fff;cursor:pointer;font-weight:600}button.primary{background:var(--accent);color:#fff;border-color:transparent}button.ghost{background:transparent;border:1px solid var(--border)}button.ghost.active{background:#e0e7ff;border-color:#c7d2fe}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:#fff;padding:0}.icon-button.danger{border-color:#fecaca;color:#b91c1c}.icon-button.outline-danger{border-color:var(--border);color:#b91c1c;background:transparent}.action-cell{text-align:right;white-space:nowrap}button.danger{background:#dc2626;border-color:transparent;color:#fff}.confirm-details{border:1px solid var(--border);border-radius:12px;padding:12px;background:#f8fafc;display:grid;gap:4px}.field-hint{font-size:12px;color:var(--muted);margin-top:-4px}.icon{width:14px;height:14px}.link-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer}.link-button:disabled{cursor:not-allowed;opacity:.5}.text-with-icon{display:inline-flex;align-items:center;gap:6px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#f3f4f6;color:#374151}.status-badge .icon{width:12px;height:12px}.status-in-sync{background:#dcfce7;color:#166534}.status-local{background:#fef9c3;color:#854d0e}.status-remote{background:#e0f2fe;color:#075985}.status-conflict{background:#fee2e2;color:#991b1b}.status-unknown{background:#e2e8f0;color:#1f2937}.hint{margin-top:16px;color:var(--muted);font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--border);gap:12px;border-radius:10px}.row:last-child{border-bottom:none}.card .row:nth-child(2n){background:#f8fafc}.card .row:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--border)}.row-title{font-weight:600}.row.space{border-bottom:1px solid var(--border)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions button{padding:6px 12px;font-size:12px}.mode-row{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:6px 12px;border-radius:999px;font-size:12px;background:#f3f4f6}.badge.auto{background:#e0f2fe;color:#0369a1}.badge.allow{background:#dcfce7;color:#166534}.badge.deny{background:#fee2e2;color:#b91c1c}.toast{position:fixed;right:24px;bottom:24px;z-index:30;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;font-size:13px;width:max-content;box-shadow:0 12px 24px #0f172a40}.toast.info{background:#1d4ed8}.toast.neutral{background:#111827}.toast.warn{background:#f59e0b;color:#1f2937}.toast.error{background:#dc2626}.setup-screen{padding:32px;display:grid;place-items:center}.setup-card{width:min(980px,92vw);display:grid;gap:24px}.setup-intro h1{margin:0 0 6px;font-size:28px}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.setup-step{border-left:4px solid var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.setup-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:grid;place-items:center;z-index:20}.modal{background:var(--card);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);width:min(480px,92vw);display:grid;gap:16px}.modal.wide{width:min(760px,94vw)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:15}.drawer{position:absolute;top:0;right:0;width:min(420px,90vw);height:100%;background:#fff;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:-16px 0 32px #0f172a33}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-body{flex:1;overflow:auto}.drawer-actions{display:flex;justify-content:flex-end;gap:12px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{display:grid;gap:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.info-grid,.announcement-actions{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.announcement-player{width:100%;margin:12px 0 18px}.drag-hint{margin:4px 0 0;font-size:12px;font-weight:600;color:#0c4a6e;text-transform:uppercase;letter-spacing:.04em}.announcement-upload{margin-top:22px}.gain-controls{display:inline-flex;align-items:center;gap:10px;margin-top:8px}.gain-button{width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:700;font-size:18px;line-height:1}.gain-button:disabled{opacity:.5;cursor:not-allowed}.gain-value{min-width:56px;text-align:center;font-weight:600}.action-tile{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;border:2px dashed var(--border);background:#fff;padding:18px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.action-tile span{font-size:12px}.action-tile:hover{border-color:#c7d2fe}.action-tile.dragging{border-color:#38bdf8;background:#e0f2fe;color:#0c4a6e}.action-tile.active{border-color:#fca5a5;color:#b91c1c;background:#fff5f5}.action-tile.outline{border-style:solid}.icon-xxl{width:44px;height:44px}.icon-xl{width:22px;height:22px}.icon-button-label{display:inline-flex;align-items:center;gap:10px}.waveform{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}.waveform svg{width:100%;height:40px}.waveform rect{fill:#0f172a;opacity:.7}.audio-block audio{width:100%}.range-row{display:flex;align-items:center;gap:12px}.small{font-size:12px}.time-service-list{display:grid;gap:16px}.time-service-card{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff;display:grid;gap:16px}.time-service-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.time-service-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.purpose-row{display:flex;align-items:center;gap:8px}.purpose-row input{flex:1}.time-service-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.time-service-actions-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mode-badge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.mode-badge.mode-auto{background:#e2e8f0;color:#1f2937}.mode-badge.mode-allow{background:#dcfce7;color:#166534}.mode-badge.mode-deny{background:#fee2e2;color:#991b1b}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#f8fafc;font-size:12px}.usage-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.usage-item{border:1px dashed var(--border);border-radius:10px;padding:10px 12px;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.section-divider{height:1px;background:var(--border);margin:16px 0}.tab-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.tab-button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;color:var(--ink)}.tab-button.active{background:var(--accent);border-color:var(--accent);color:#fff}.pin-box{font-size:20px;font-weight:700;letter-spacing:.12em;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;text-align:center}.status-list{display:grid;gap:10px;margin-bottom:16px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.status-chart{padding:12px;border-radius:16px;background:#f8fafc;color:#0f172a}.status-chart-title{font-size:12px;color:var(--muted);margin-bottom:6px}.status-chart-value{font-size:18px;font-weight:700;margin-bottom:6px}.sparkline{width:100%;height:32px;color:#2563eb}.error-log{margin-top:12px;padding:12px;border-radius:12px;background:#fee2e2;color:#7f1d1d;font-size:12px}.error-log-title{font-weight:600;margin-bottom:6px}.error-log pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap;word-break:break-word}.muted{color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:14px}tbody tr:nth-child(2n){background:#f8fafc}tbody tr:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--border)}@media (max-width: 900px){.layout{grid-template-columns:1fr}.menu-toggle{display:inline-flex}.sidebar{border-right:none;border-bottom:1px solid var(--border);position:fixed;top:88px;left:0;bottom:0;width:260px;transform:translate(-110%);transition:transform .2s ease;background:var(--bg);z-index:30}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:20}.card.large{grid-column:span 1}}