.dashboard-shell{display:flex;flex-direction:column;gap:24px;padding:24px}.dashboard-hero{position:relative;display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding:28px;border-radius:28px;background:linear-gradient(135deg,#fdf1d8,#e5f0ff 55%,#f1fff8);border:1px solid rgba(15,35,61,.08);overflow:hidden}.dashboard-hero:before,.dashboard-hero:after{content:"";position:absolute;border-radius:999px;opacity:.6;pointer-events:none}.dashboard-hero:before{width:240px;height:240px;top:-120px;right:80px;background:radial-gradient(circle,#1f8efa40,#1f8efa00)}.dashboard-hero:after{width:320px;height:320px;bottom:-160px;left:-120px;background:radial-gradient(circle,#fbbf2433,#fbbf2400)}.dashboard-hero-copy{max-width:520px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.dashboard-hero-eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:700;color:#1f8efa}.dashboard-hero-title{margin:0;font-size:30px;line-height:1.2;color:#0f172a}.dashboard-hero-subtitle{color:#52607a;margin:0;font-size:14px}.dashboard-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.dashboard-hero-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(15,35,61,.08);font-size:12px;color:#253045}.dashboard-hero-pill strong{font-size:14px}.dashboard-hero-pill.is-online strong{color:#059669}.dashboard-hero-pill.is-offline strong{color:#dc2626}.dashboard-hero-pill.is-unknown strong{color:#64748b}.dashboard-hero-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end;position:relative;z-index:1}.dashboard-plan-pill{padding:6px 12px;border-radius:999px;background:#ffffffd9;border:1px solid rgba(15,35,61,.12);font-size:12px;color:#334155}.dashboard-action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-action-primary,.dashboard-action-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;font-weight:600;font-size:13px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.dashboard-action-primary{color:#fff;background:linear-gradient(120deg,#1f8efa,#1ac8a8);box-shadow:0 12px 24px #1f8efa33}.dashboard-action-secondary{color:#1f2937;background:#ffffffe6;border:1px solid rgba(15,35,61,.12)}.dashboard-action-primary:hover,.dashboard-action-secondary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a26}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.dashboard-kpi-card{display:flex;gap:16px;padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(15,35,61,.08);box-shadow:0 20px 30px #0f172a0f}.dashboard-kpi-icon{width:48px;height:48px;border-radius:16px;background:#eef4ff;color:#1f8efa;display:grid;place-items:center;font-size:24px}.dashboard-kpi-body{display:flex;flex-direction:column;gap:6px}.dashboard-kpi-label{color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dashboard-kpi-value{display:inline-flex;align-items:baseline;gap:6px;font-size:24px;font-weight:700;color:#0f172a;flex-wrap:wrap}.dashboard-kpi-suffix{font-size:14px;font-weight:600;color:#475569}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.dashboard-secondary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.dashboard-card{background:#fff;border-radius:22px;border:1px solid rgba(15,35,61,.08);box-shadow:0 20px 40px #0f172a0f;padding:20px;display:flex;flex-direction:column;gap:16px}.dashboard-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-card-title{font-weight:700;color:#0f172a;font-size:16px}.dashboard-card-subtitle{color:#64748b;font-size:12px}.dashboard-map-card{min-height:380px}.dashboard-map-canvas{position:relative;width:100%;height:360px;min-height:280px;border-radius:18px;overflow:hidden;background:#eef2f7;border:1px solid rgba(15,35,61,.08)}.dashboard-map-google{width:100%;height:100%}.dashboard-map-empty{position:absolute;inset:0;display:grid;place-items:center;color:#64748b;font-size:13px;background:#ffffffb3;z-index:1}.dashboard-map-pin{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #ffffff;background:#94a3b8;transform:translate(-50%,-50%);cursor:pointer;z-index:2;box-shadow:0 6px 18px #0f172a26}.dashboard-map-pin span{position:absolute;inset:-8px;border-radius:50%;opacity:.6;border:1px solid currentColor;animation:map-pulse 2.4s ease infinite}.dashboard-map-pin.status-online{background:#22c55e;color:#22c55e99}.dashboard-map-pin.status-offline{background:#ef4444;color:#ef444499}.dashboard-map-pin.status-unknown,.dashboard-map-pin.status-unpaired{background:#94a3b8;color:#94a3b899}.dashboard-map-marker{position:relative;width:16px;height:16px;border-radius:50%;border:2px solid #ffffff;background:#94a3b8;color:#94a3b899;cursor:pointer;box-shadow:0 8px 18px #0f172a33}.dashboard-map-marker span{position:absolute;inset:-6px;border-radius:50%;border:1px solid currentColor;opacity:.5;animation:map-pulse 2.4s ease infinite}.dashboard-map-marker.status-online{background:#22c55e;color:#22c55e99}.dashboard-map-marker.status-offline{background:#ef4444;color:#ef444499}.dashboard-map-marker.status-unpaired,.dashboard-map-marker.status-unknown{background:#94a3b8;color:#94a3b899}.dashboard-map-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#64748b}.dashboard-map-legend-item{display:inline-flex;align-items:center;gap:6px}.dashboard-map-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dashboard-map-legend-dot.is-online{background:#22c55e}.dashboard-map-legend-dot.is-offline{background:#ef4444}.dashboard-map-legend-dot.is-unknown{background:#94a3b8}.dashboard-map-info{width:320px;max-width:320px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-family:inherit;color:#0f172a;box-sizing:border-box}.dashboard-map-info-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-map-info-heading{display:flex;flex-direction:column;gap:4px;min-width:0}.dashboard-map-info-title{font-weight:700;color:#0f172a;font-size:14px;line-height:1.2}.dashboard-map-info-location{font-size:12px;color:#64748b}.dashboard-map-info-status{font-size:10px;padding:3px 8px;border-radius:999px;background:#e2e8f0;color:#475569;white-space:nowrap;flex-shrink:0}.dashboard-map-info-status.status-online{background:#dcfce7;color:#15803d}.dashboard-map-info-status.status-offline{background:#fee2e2;color:#b91c1c}.dashboard-map-info-status.status-unpaired,.dashboard-map-info-status.status-unknown{background:#e2e8f0;color:#64748b}.dashboard-map-info-body{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:start}.dashboard-map-info-preview{width:96px;height:72px;border-radius:14px;overflow:hidden;background:#f1f5f9;border:1px solid rgba(15,35,61,.08);display:grid;place-items:center}.dashboard-map-info-image{width:100%;height:100%;object-fit:cover;background:#f8fafc;display:block}.dashboard-map-info-placeholder{width:100%;height:100%;background:#f1f5f9;color:#64748b;display:grid;place-items:center;font-size:10px}.dashboard-map-info-meta{display:grid;gap:6px;font-size:11px;color:#475569;min-width:0}.dashboard-map-info-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.dashboard-map-info-row span{color:#94a3b8;font-weight:600;white-space:nowrap}.dashboard-map-info-row strong{color:#0f172a;font-size:12px;font-weight:600;line-height:1.2;flex:1;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-map-info-footer{display:flex;justify-content:flex-end}.dashboard-map-info-cta{text-decoration:none;color:#1f8efa;font-weight:700;font-size:11px;padding:5px 12px;border-radius:999px;background:#eff6ff;border:1px solid rgba(37,99,235,.2)}.dashboard-map-canvas .gm-style .gm-style-iw-c{padding:0;border-radius:16px;box-shadow:0 18px 30px #0f172a2e;max-width:none!important;max-height:none!important;height:auto!important;overflow:hidden}.dashboard-map-canvas .gm-style .gm-style-iw-d{overflow:hidden!important;padding:0!important;max-height:none!important;height:auto!important}.dashboard-map-popover{width:280px;display:flex;flex-direction:column;gap:12px}.dashboard-map-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-map-popover-location{font-size:12px;color:#64748b}.dashboard-map-popover-body{display:flex;flex-direction:column;gap:12px}.dashboard-map-popover-image{width:100%;height:140px;object-fit:cover;border-radius:12px;background:#f8fafc}.dashboard-map-popover-placeholder{width:100%;height:140px;border-radius:12px;background:#f1f5f9;color:#64748b;display:grid;place-items:center;font-size:12px}.dashboard-map-popover-meta{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#475569}.dashboard-map-popover-row{display:flex;justify-content:space-between;gap:12px}.dashboard-map-popover-cta{text-decoration:none;color:#1f8efa;font-weight:600;font-size:13px}.dashboard-announcements{display:grid;gap:14px}.dashboard-announcement{position:relative;padding:16px;border-radius:18px;border:1px solid rgba(15,35,61,.08);background:#f8fafc;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;overflow:hidden;min-height:88px;box-shadow:0 16px 30px #0f172a0f}.dashboard-announcement-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ffffffe6;color:#1f8efa;font-size:22px;box-shadow:0 12px 20px #0f172a14;z-index:1}.dashboard-announcement-content{display:flex;flex-direction:column;gap:8px;z-index:1}.dashboard-announcement-title{font-weight:600;color:#0f172a}.dashboard-announcement-body{font-size:12px;color:#64748b}.dashboard-announcement-cta{align-self:flex-start;font-weight:600;color:#1f8efa;text-decoration:none;font-size:12px;padding:6px 12px;border-radius:999px;background:#fffc;border:1px solid rgba(15,35,61,.08)}.dashboard-announcement-orbit{position:absolute;width:160px;height:160px;border-radius:50%;right:-60px;top:-80px;background:radial-gradient(circle,rgba(255,255,255,.65),transparent);opacity:.6;pointer-events:none}.dashboard-announcement.tone-primary{background:linear-gradient(135deg,#1f8efa1a,#1ac8a814)}.dashboard-announcement.tone-secondary{background:linear-gradient(135deg,#fbbf2429,#f8fafce6)}.dashboard-announcement.tone-tertiary{background:linear-gradient(135deg,#3b82f61a,#f8fafce6)}.dashboard-announcement.tone-secondary .dashboard-announcement-icon{color:#f59e0b}.dashboard-announcement.tone-tertiary .dashboard-announcement-icon{color:#2563eb}.dashboard-storage-body{display:flex;flex-direction:column;gap:12px}.dashboard-storage-amount{direction:ltr;unicode-bidi:bidi-override}.dashboard-list{display:flex;flex-direction:column;gap:12px}.dashboard-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid rgba(15,35,61,.06)}.dashboard-list-title{font-weight:600;color:#0f172a;font-size:13px}.dashboard-list-meta{font-size:12px;color:#64748b}.dashboard-signal-group{display:flex;flex-direction:column;gap:10px}.dashboard-signal-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.dashboard-signal-summary{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-signal-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;background:#ffffffe6;border:1px solid rgba(15,35,61,.08);color:#334155}.dashboard-signal-pill strong{font-size:13px}.dashboard-signal-pill.is-offline strong{color:#dc2626}.dashboard-signal-pill.is-alert strong{color:#ef4444}.dashboard-signal-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-signal-panel{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,35,61,.06)}.dashboard-signal-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(15,35,61,.06)}.dashboard-empty-state{font-size:12px;color:#94a3b8;padding:8px 0}@keyframes map-pulse{0%{transform:scale(.7);opacity:.6}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@media(max-width:1024px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-hero-actions{align-items:flex-start}}@media(max-width:720px){.dashboard-shell{padding:16px}.dashboard-hero{padding:20px}.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-action-buttons{width:100%;justify-content:flex-start}.dashboard-signal-summary{justify-content:flex-start}.dashboard-map-canvas{height:280px}}.auth-shell{--auth-ink: #0f172a;--auth-muted: #52607a;--auth-accent: #1f8efa;--auth-accent-strong: #1a74e4;--auth-soft: #f2f6ff;--auth-border: rgba(15, 35, 61, .12);--auth-shadow: 0 32px 80px rgba(15, 35, 61, .18);min-height:100vh;background:linear-gradient(125deg,#fdf5e6,#eef5ff 45%,#effaf3);position:relative;overflow:hidden;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--auth-ink)}.auth-shell:before,.auth-shell:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.7}.auth-shell:before{width:420px;height:420px;top:-160px;right:-120px;background:radial-gradient(circle at 30% 30%,#ffd4a6,#ffd4a600 70%)}.auth-shell:after{width:520px;height:520px;bottom:-200px;left:-160px;background:radial-gradient(circle at 70% 70%,#bfe2ff,#bfe2ff00 70%)}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,48px);position:relative;z-index:1}.auth-frame{width:min(1080px,100%);display:grid;grid-template-columns:minmax(320px,420px) minmax(320px,1fr);border-radius:28px;overflow:hidden;background:#fffffff2;border:1px solid rgba(15,35,61,.08);box-shadow:var(--auth-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-panel{padding:40px;background:#fff;display:flex;flex-direction:column;gap:20px;animation:auth-fade-up .7s ease forwards;opacity:0;transform:translateY(14px)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#1f8efa,#1ac8a8);color:#fff;font-weight:700;letter-spacing:.08em;display:grid;place-items:center;font-size:14px}.auth-brand-text{display:flex;flex-direction:column;gap:2px}.auth-brand-name{font-weight:700;font-size:16px;letter-spacing:.02em}.auth-brand-tagline{font-size:12px;color:var(--auth-muted)}.auth-header{display:flex;flex-direction:column;gap:6px}.auth-title{margin:0;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:28px;line-height:1.2;color:var(--auth-ink)}.auth-subtitle{margin:0;color:var(--auth-muted);font-size:14px}.auth-panel-body{display:flex;flex-direction:column;gap:12px}.auth-panel-body>*{width:100%}.auth-form{width:100%}.auth-message{display:flex;flex-direction:column;gap:16px}.auth-message-text{margin:0;color:var(--auth-muted);font-size:14px}.auth-footer{margin-top:4px}.auth-footer-text{margin:0;color:var(--auth-muted);font-size:13px}.auth-footer-text a{color:#1a74e4;font-weight:600}.auth-visual{position:relative;padding:40px;background:linear-gradient(150deg,#f0f7ff,#e8f8f1);border-left:1px solid rgba(15,35,61,.08);display:flex;flex-direction:column;justify-content:space-between;gap:24px;animation:auth-fade-up .7s ease forwards;animation-delay:.08s;opacity:0}.auth-visual:before{content:"";position:absolute;inset:24px 24px auto auto;width:140px;height:140px;border-radius:40px;background:linear-gradient(140deg,#1f8efa2e,#1ac8a81f);filter:blur(0);pointer-events:none}.auth-visual-copy{position:relative;z-index:1}.auth-eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600;color:#1a74e4}.auth-visual-title{margin:12px 0 8px;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:26px;line-height:1.2;color:var(--auth-ink)}.auth-visual-description{margin:0;font-size:14px;color:var(--auth-muted)}.auth-visual-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.auth-visual-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffffd9;border:1px solid rgba(15,35,61,.08);border-radius:999px;font-size:13px;color:#2a3850;box-shadow:0 12px 20px #0f233d14;opacity:0;transform:translateY(8px);animation:auth-fade-up .6s ease forwards}.auth-visual-pill:nth-child(1){animation-delay:.12s}.auth-visual-pill:nth-child(2){animation-delay:.2s}.auth-visual-pill:nth-child(3){animation-delay:.28s}.auth-visual-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(120deg,#1f8efa,#1ac8a8);flex-shrink:0}.auth-visual-illustration{position:relative;display:grid;place-items:center;margin-top:12px}.auth-visual-illustration img{max-width:min(360px,100%);height:auto}.auth-visual-orbit{position:absolute;width:140px;right:6%;bottom:0}.auth-form .ant-form-item-label>label{font-size:13px;font-weight:600;color:#42526b}.auth-form .ant-input,.auth-form .ant-input-affix-wrapper,.auth-form .ant-input-password{border-radius:12px;background:#f8fafc;border-color:#e2e8f0;padding:10px 12px}.auth-form .ant-input-affix-wrapper input{background:transparent}.auth-form .ant-input-prefix,.auth-form .ant-input-suffix{color:#8aa0b8}.auth-form .ant-input-affix-wrapper-focused,.auth-form .ant-input-affix-wrapper:focus-within,.auth-form .ant-input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 3px #1f8efa26}.auth-form .ant-btn-primary{height:44px;border-radius:12px;border:none;background:linear-gradient(120deg,#1f8efa,#1ac8a8);box-shadow:0 12px 24px #1f8efa40}.auth-form .ant-btn-primary:hover,.auth-form .ant-btn-primary:focus{background:linear-gradient(120deg,#1a7fe8,#18b99c)}.auth-secondary-button{height:44px;border-radius:12px;border:1px solid #dbe3f0;color:#1f2937;background:#fff}.auth-secondary-button:hover,.auth-secondary-button:focus{border-color:#b8c5dd;color:#1f2937}.auth-divider.ant-divider-horizontal.ant-divider-with-text{margin:18px 0;color:#94a3b8;border-color:#e2e8f0}.auth-help{margin:16px 0 0;text-align:center;color:var(--auth-muted);font-size:13px}.auth-help a{color:#1a74e4;font-weight:600}.auth-promo.ant-alert{margin-bottom:24px;border-radius:16px;border:1px solid #c7f0dd;background:#f0fff8}.auth-promo .ant-alert-message{font-weight:600;color:#0f5132}.auth-promo .ant-alert-description{color:#25664a}@media(prefers-reduced-motion:reduce){.auth-panel,.auth-visual,.auth-visual-pill{animation:none;opacity:1;transform:none}}[dir=rtl] .auth-frame{grid-template-columns:minmax(320px,1fr) minmax(320px,420px)}[dir=rtl] .auth-visual{border-left:none;border-right:1px solid rgba(15,35,61,.08)}[dir=rtl] .auth-brand{flex-direction:row-reverse}[dir=rtl] .auth-visual-orbit{right:auto;left:6%}@media(max-width:1024px){.auth-frame{grid-template-columns:1fr}.auth-visual{border-left:none;border-top:1px solid rgba(15,35,61,.08)}.auth-visual-orbit{right:12%}[dir=rtl] .auth-frame{grid-template-columns:1fr}[dir=rtl] .auth-visual{border-right:none;border-top:1px solid rgba(15,35,61,.08)}}@media(max-width:720px){.auth-panel,.auth-visual{padding:28px}.auth-visual-illustration img{max-width:280px}.auth-visual-orbit{width:110px}}@media(max-width:520px){.auth-panel,.auth-visual{padding:24px}.auth-brand,[dir=rtl] .auth-brand{flex-direction:column;align-items:flex-start}}.studio-root{height:100vh;display:flex;flex-direction:column;background:#f5f6fb;position:relative}.studio-main{flex:1;display:flex;min-height:0}.studio-main.ltr{flex-direction:row}.studio-main.rtl{flex-direction:row-reverse}.studio-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#fff}.studio-sidebar{width:360px;display:flex;background:#0f172a;color:#e2e8f0}.sidebar-rail{width:80px;border-inline-end:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px;padding:12px 0;align-items:center}.sidebar-rail-btn{width:64px;height:64px;border-radius:14px;border:none;background:transparent;color:#cbd5f5;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sidebar-rail-btn.active{background:#ffffff1f;color:#fff}.sidebar-rail-btn span{font-size:12px}.sidebar-drawer{flex:1;padding:12px;max-width:320px;overflow:hidden;display:flex;flex-direction:column}.sidebar-panel{flex:1;background:transparent;border:none;padding:8px 0;overflow:hidden}.sidebar-media-grid .media-thumb{width:100%;max-width:100%;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;cursor:pointer;display:block}.sidebar-media-grid .media-thumb img{width:100%;height:auto;display:block;border-radius:6px;object-fit:cover}.video-thumb-wrapper{position:relative}.video-duration{position:absolute;bottom:6px;right:8px;background:#000000a6;color:#fff;font-size:12px;padding:2px 6px;border-radius:8px}.sidebar-panel .ant-list-items{display:flex;flex-direction:column;gap:6px}.sidebar-drawer::-webkit-scrollbar{width:0}.sidebar-drawer{scrollbar-width:none}.sidebar-media-grid{flex:1;overflow-y:auto;padding-right:6px}.sidebar-media-grid::-webkit-scrollbar{width:6px}.sidebar-media-grid::-webkit-scrollbar-track{background:transparent}.sidebar-media-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.sidebar-media-grid{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.studio-canvas-area{flex:1;min-width:0;position:relative;background:#e7ebf5;overflow:hidden;display:flex;align-items:center;justify-content:center}.studio-canvas{display:block;background:transparent;max-width:100%;max-height:100%}.studio-properties{width:320px;padding:16px;border-inline-start:1px solid #e5e7eb;background:#fff;overflow-y:auto}.studio-properties .empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#94a3b8}.studio-zoom-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #d4dae8;border-radius:999px;padding:8px 16px;box-shadow:0 18px 40px #0f172a26;z-index:10}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:Inter,Assistant,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}body{background:#f6f7fb;color:#0f172a;-webkit-font-smoothing:antialiased;overflow-y:scroll}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:#f6f7fb}.app-page{padding:24px clamp(16px,4vw,48px)}.app-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.app-page-body{min-height:calc(100vh - 160px)}.ant-picker-calendar-rtl .ant-picker-content th,.ant-picker-calendar-rtl .ant-picker-calendar-date-value{text-align:right}.add-screen-wizard-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:stretch;padding:28px;min-height:320px;border-radius:20px;border:1px solid #e6ecf5;background:linear-gradient(135deg,#f7f9ff,#eef6ff)}.add-screen-wizard-illustration{width:100%;max-width:420px;margin:0 auto}.add-screen-wizard-illustration svg{width:100%;height:auto;display:block}.add-screen-wizard-content{display:flex;flex-direction:column;gap:16px;height:100%}.add-screen-wizard-steps{display:flex;flex-direction:column;gap:12px}.add-screen-wizard-step{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.add-screen-wizard-step-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#e2e8f0;color:#1e293b;font-weight:600;flex:0 0 28px;margin-top:2px}.add-screen-wizard-link{margin-top:12px;padding:12px 16px;border-radius:12px;border:1px dashed #d6e0f5;background:#fff;display:flex;flex-direction:column;gap:6px}.add-screen-wizard-link a{color:#1677ff;font-weight:600;text-decoration:underline}.add-screen-wizard-link a:hover{color:#0958d9}.add-screen-wizard-actions{display:flex;align-items:center;gap:12px;margin-top:auto}.add-screen-wizard-pairing{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.add-screen-wizard-code{letter-spacing:.4em;margin:0}.add-screen-wizard-status{padding:8px 14px;border-radius:999px;background:#f1f5ff;border:1px solid #dbe5ff}.wc-empty-state{--empty-bg-start: #f0f6ff;--empty-bg-end: #f8fbff;--empty-accent: #2563eb;--empty-accent-soft: #c7d7ff;--empty-accent-glow: rgba(37, 99, 235, .08);--empty-accent-glow-soft: rgba(37, 99, 235, .06);--empty-panel: #ffffff;--empty-ink: #0f172a;--empty-muted: #cbd5e1;position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center;padding:32px;border-radius:24px;border:1px solid #e2e8f0;background:linear-gradient(135deg,var(--empty-bg-start),var(--empty-bg-end));box-shadow:0 20px 40px #0f172a14;overflow:hidden;animation:empty-state-rise .6s ease both}.wc-empty-state:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,var(--empty-accent-glow),transparent 55%),radial-gradient(circle at 85% 30%,var(--empty-accent-glow-soft),transparent 50%);pointer-events:none}.wc-empty-state--playlists{--empty-bg-start: #fff7ed;--empty-bg-end: #fffaf5;--empty-accent: #f97316;--empty-accent-soft: #fed7aa;--empty-accent-glow: rgba(249, 115, 22, .12);--empty-accent-glow-soft: rgba(249, 115, 22, .08)}.wc-empty-state--layouts{--empty-bg-start: #ecfdf3;--empty-bg-end: #f0fdf4;--empty-accent: #10b981;--empty-accent-soft: #a7f3d0;--empty-accent-glow: rgba(16, 185, 129, .12);--empty-accent-glow-soft: rgba(16, 185, 129, .08)}.wc-empty-state--schedules{--empty-bg-start: #f0f9ff;--empty-bg-end: #f8fcff;--empty-accent: #0ea5e9;--empty-accent-soft: #bae6fd;--empty-accent-glow: rgba(14, 165, 233, .12);--empty-accent-glow-soft: rgba(14, 165, 233, .08)}.wc-empty-state>*{position:relative;z-index:1}.wc-empty-state-illustration{width:100%;max-width:420px;margin:0 auto}.wc-empty-state-illustration svg{width:100%;height:auto;display:block}.wc-empty-state-body{display:flex;flex-direction:column;gap:12px;max-width:420px}.wc-empty-state-title,.wc-empty-state-description{margin:0}.wc-empty-state-helper{display:block}.wc-empty-state-accent{animation:empty-state-float 6s ease-in-out infinite;transform-origin:center}@keyframes empty-state-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:720px){.add-screen-wizard-hero{grid-template-columns:1fr}.add-screen-wizard-actions{flex-direction:column-reverse;align-items:stretch}.add-screen-wizard-actions .ant-btn{width:100%}.wc-empty-state{grid-template-columns:1fr;text-align:center}.wc-empty-state-body{align-items:center}}