@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-app:#070b13;--bg-topbar:#090e18;--bg-sidebar:#070b13;--bg-main:#080d17;--bg-panel:#090e18;--bg-card:#0b1220;--bg-input:#0c1322;--bg-hover:#ffffff0a;--border-subtle:#141d2d;--border-default:#1a273c;--border-focus:#10b981;--border-accent:#10b98166;--text-primary:#fff;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#475569;--accent:#10b981;--accent-light:#34d399;--accent-bright:#00e676;--accent-dark:#059669;--accent-glow:#10b98140;--info:#38bdf8;--info-bg:#38bdf81f;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#ef4444;--danger-bg:#ef44441f;--purple:#c084fc;--purple-bg:#c084fc1f;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--topbar-height:52px;--sidebar-width:232px;--editor-width:520px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#1e293b}::-webkit-scrollbar-thumb:hover{background:#334155}.admin-app{background:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.admin-body{flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--bg-topbar);border-bottom:1px solid var(--border-subtle);z-index:50;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:0 16px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-brand{align-items:center;gap:8px;padding-right:4px;display:flex}.topbar-brand-icon{border:1px solid var(--border-accent);border-radius:var(--radius-md);background:#0f231c;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex;box-shadow:0 0 10px #10b98133}.topbar-brand-text{letter-spacing:.8px;color:var(--text-primary);font-size:14px;font-weight:900}.topbar-brand-text .brand-accent{color:var(--accent-bright)}.topbar-nav-separator{color:var(--text-muted);align-items:center;display:flex}.topbar-breadcrumb{align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb-parent{color:var(--text-secondary)}.topbar-breadcrumb .separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.topbar-status-badge{border-radius:var(--radius-full);letter-spacing:.6px;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.topbar-status-badge.production{color:var(--accent-light);border:1px solid var(--border-accent);background:#10b9811f}.status-dot{background:var(--accent-bright);width:6px;height:6px;box-shadow:0 0 8px var(--accent-bright);border-radius:50%}.topbar-saved-indicator{color:var(--text-tertiary);align-items:center;gap:6px;margin-left:6px;font-size:12px;display:flex}.topbar-saved-indicator .cloud-icon{color:var(--accent)}.topbar-device-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:2px;margin-left:10px;padding:2px;display:flex}.device-btn{border-radius:var(--radius-sm);width:28px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.device-btn:hover{color:var(--text-secondary)}.device-btn.active{color:var(--accent-light);background:#152238}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-action-btn{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.4px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-preview{border:1px solid var(--border-default);color:var(--text-secondary);background:#0e1626}.btn-preview:hover{color:var(--text-primary);background:#141f36;border-color:#243550}.btn-preview .play-triangle{color:var(--accent-light);font-size:10px}.btn-draft{border:1px solid var(--border-default);color:var(--text-secondary);background:#0e1626}.btn-draft:hover{color:var(--text-primary);background:#141f36;border-color:#243550}.btn-publish{background:var(--accent-bright);color:#042e16;border:none;font-weight:800;box-shadow:0 0 14px #00e67659}.btn-publish:hover{background:#00ff84;transform:translateY(-1px);box-shadow:0 0 18px #00e67680}.topbar-divider{background:var(--border-subtle);width:1px;height:24px;margin:0 2px}.topbar-icon-btn{width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-dot{background:var(--danger);border:1px solid var(--bg-topbar);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.topbar-user-profile{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.topbar-user-profile:hover{background:var(--bg-hover)}.user-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.user-name{color:var(--text-secondary);font-size:12px;font-weight:600}.user-chevron{color:var(--text-muted)}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.sidebar-scrollable{flex:1;padding:12px 10px;overflow-y:auto}.sidebar-group{margin-bottom:16px}.sidebar-group-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:2px;padding:4px 10px;font-size:10px;font-weight:800}.sidebar-group-items{flex-direction:column;gap:2px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;width:100%;padding:7px 10px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{color:var(--accent-light);border:1px solid var(--border-accent);background:#10b9811f;font-weight:600}.nav-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.sidebar-nav-item.active .nav-icon{opacity:1;color:var(--accent-light)}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-badge{border-radius:var(--radius-full);letter-spacing:.4px;padding:1px 6px;font-size:9px;font-weight:800}.badge-live{color:var(--danger);background:#ef444433;border:1px solid #ef444466}.badge-count{color:var(--accent-light);border:1px solid var(--border-accent);background:#10b98133}.badge-warning{color:var(--warning);background:#f59e0b33;border:1px solid #f59e0b66}.main-content{background:var(--bg-main);flex:1;min-width:0;height:100%;padding:24px 28px;position:relative;overflow-y:auto}.page-editor-container{flex-direction:column;gap:18px;max-width:100%;display:flex}.page-editor-top{flex-direction:column;gap:4px;display:flex}.page-editor-headline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-editor-heading{letter-spacing:.8px;text-transform:uppercase;color:var(--text-primary);font-size:24px;font-weight:900}.status-pill.published{border-radius:var(--radius-full);letter-spacing:.6px;color:var(--accent-light);border:1px solid var(--border-accent);background:#10b98126;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.published-timestamp{color:var(--text-tertiary);margin-left:auto;font-size:12px}.page-editor-desc{color:var(--text-tertiary);font-size:13px}.page-editor-toolbar{align-items:center;gap:12px;margin-top:4px;display:flex}.toolbar-search{flex:1;max-width:320px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:38px;color:var(--text-primary);outline:none;padding:0 12px 0 36px;font-family:inherit;font-size:13px;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.toolbar-filter{min-width:120px}.filter-dropdown{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:38px;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:0 28px 0 12px;font-size:12px;font-weight:700}.filter-dropdown option{color:var(--text-primary);background:#0d1524}.btn-add-section{border-radius:var(--radius-md);color:#fff;letter-spacing:.4px;cursor:pointer;background:#0f766e;border:1px solid #14b8a6;align-items:center;gap:8px;height:38px;margin-left:auto;padding:0 16px;font-size:12px;font-weight:800;transition:all .15s;display:inline-flex}.btn-add-section:hover{background:#14b8a6;border-color:#2dd4bf}.sections-table-wrapper{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.sections-table{border-collapse:collapse;text-align:left;width:100%}.sections-table thead{border-bottom:1px solid var(--border-subtle);background:#0b111e}.sections-table th{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:10px 14px;font-size:10.5px;font-weight:800}.th-index{text-align:center;width:44px}.th-section{width:auto}.th-mode{width:140px}.th-visibility{text-align:center;width:90px}.th-state{width:100px}.th-actions{text-align:right;width:80px}.section-table-row{cursor:pointer;border-bottom:1px solid #ffffff08;transition:all .15s}.section-table-row:hover{background:#ffffff06}.section-table-row.row-active{box-shadow:inset 0 0 0 1px var(--accent-light);background:#10b98112!important}.section-table-row td{vertical-align:middle;padding:11px 14px;font-size:13px}.col-index{text-align:center;color:var(--text-muted);font-size:12px;font-weight:600}.section-title-cell{align-items:center;gap:10px;display:flex}.section-type-icon{color:var(--text-tertiary);align-items:center;display:flex}.row-active .section-type-icon{color:var(--accent-light)}.section-title-text{color:var(--text-primary);font-weight:600}.data-mode-badge{border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;align-items:center;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge-mode-blue{color:#38bdf8;background:#0f2744;border:1px solid #38bdf84d}.badge-mode-live{color:#34d399;background:#092e20;border:1px solid #34d39959}.badge-mode-scheduled{color:#c084fc;background:#27163f;border:1px solid #c084fc59}.badge-mode-calendar{color:#22d3ee;background:#082d38;border:1px solid #22d3ee59}.badge-mode-manual{color:#fbbf24;background:#331f0a;border:1px solid #fbbf2459}.switch-toggle{border-radius:var(--radius-full);cursor:pointer;vertical-align:middle;background:#1e293b;border:1px solid #334155;width:38px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch-toggle.switch-on{background:var(--accent-bright);border-color:var(--accent-bright)}.switch-toggle.switch-on .switch-thumb{transform:translate(18px)}.state-indicator{align-items:center;gap:6px;display:inline-flex}.state-bullet{border-radius:50%;width:6px;height:6px}.state-indicator.is-visible .state-bullet{background:var(--accent-bright);box-shadow:0 0 6px var(--accent-bright)}.state-indicator.is-visible .state-text{color:var(--accent-light);letter-spacing:.5px;font-size:11px;font-weight:800}.state-indicator.is-hidden .state-bullet{background:var(--text-muted)}.state-indicator.is-hidden .state-text{color:var(--text-tertiary);letter-spacing:.5px;font-size:11px;font-weight:800}.action-buttons-group{justify-content:flex-end;align-items:center;gap:4px;display:flex}.action-icon-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.action-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.page-editor-live-alert{border-radius:var(--radius-lg);background:#f59e0b12;border:1px solid #f59e0b40;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 18px;display:flex}.alert-left{align-items:center;gap:12px;display:flex}.alert-icon-wrap{color:var(--warning);align-items:center;display:flex}.alert-text-block{align-items:baseline;gap:10px;display:flex}.alert-title{color:var(--warning);font-size:13px;font-weight:700}.alert-subtext{color:var(--text-secondary);font-size:12px}.alert-action-link{color:var(--accent-light);letter-spacing:.5px;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:11.5px;font-weight:800;transition:all .15s;display:inline-flex}.alert-action-link:hover{color:var(--accent-bright);transform:translate(2px)}.dedicated-section-editor{background:var(--bg-app);flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.block-editor-panel{background:var(--bg-panel);flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.block-editor-header{border-bottom:1px solid var(--border-subtle);background:#090e18;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.block-editor-tabs-bar{border-bottom:1px solid var(--border-subtle);background:#070b13;flex-shrink:0;gap:10px;padding:0 28px;display:flex}.editor-tab-item{letter-spacing:.8px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 22px;font-size:11.5px;font-weight:800;transition:all .15s}.editor-tab-item:hover{color:var(--text-secondary)}.editor-tab-item.active{color:#34d399;background:#10b9810d;border-bottom-color:#10b981}.dedicated-editor-body{flex:1;padding:24px 32px;overflow-y:auto}.dedicated-editor-body .editor-form-scroll{width:100%;max-width:900px;margin:0 auto}.block-editor-footer-actions{border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d16f2;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 32px;display:flex}.editor-title-wrap{align-items:center;gap:10px;display:flex}.editor-icon-indicator{color:var(--accent-light);align-items:center;display:flex}.editor-heading-text{letter-spacing:.6px;color:var(--text-primary);font-size:15px;font-weight:800}.editor-status-pill.editing{border-radius:var(--radius-full);color:var(--accent-light);border:1px solid var(--border-accent);background:#10b98126;align-items:center;gap:4px;padding:2px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.edit-pill-icon{color:var(--accent-light)}.editor-header-controls{align-items:center;gap:4px;display:flex}.control-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.control-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.editor-tabs-bar{border-bottom:1px solid var(--border-subtle);background:#090e18;flex-shrink:0;display:flex}.tab-item-btn{text-align:center;letter-spacing:.8px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:11px 0;font-size:11px;font-weight:800;transition:all .15s}.tab-item-btn:hover{color:var(--text-secondary)}.tab-item-btn.tab-active{color:var(--accent-light);border-bottom-color:var(--accent-light);background:#10b9810a}.editor-tab-body{flex:1;padding:18px 20px;overflow-y:auto}.editor-form-scroll{flex-direction:column;gap:16px;display:flex}.form-row-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row-3col{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.form-row-3col.align-center{align-items:center}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:10px;font-weight:800}.form-sublabel{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:9.5px;font-weight:800}.form-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:36px;color:var(--text-primary);outline:none;padding:0 12px;font-family:inherit;font-size:12.5px;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.input-with-icon{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.form-input.icon-padded{padding-left:30px}.select-wrapper{position:relative}.form-select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:36px;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:0 26px 0 10px;font-family:inherit;font-size:12px}.form-select option{color:var(--text-primary);background:#0d1524}.form-controls-split{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:16px;padding:10px 0;display:grid}.toggles-column{flex-direction:column;gap:10px;display:flex}.toggle-item-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.toggle-label-text{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10px;font-weight:800}.radios-column{flex-direction:column;justify-content:center;gap:10px;display:flex}.radio-select-item{cursor:pointer;align-items:center;gap:8px;display:flex}.radio-circle{border:1.5px solid var(--border-default);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;transition:all .15s;display:flex}.radio-circle.radio-checked{border-color:var(--accent-light);background:radial-gradient(circle, var(--accent-bright) 35%, transparent 40%)}.radio-text{color:var(--text-secondary);font-size:11px}.form-section-block{flex-direction:column;gap:10px;display:flex}.form-section-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:10.5px;font-weight:800}.options-rows-list{flex-direction:column;gap:8px;display:flex}.option-row-card{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 8px;display:flex}.option-grip{color:var(--text-muted);cursor:grab;align-items:center;display:flex}.option-name-input{height:28px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:12.5px;font-weight:600}.option-color-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:16px;height:16px}.swatch-green{background:#10b981}.swatch-blue{background:#06b6d4}.swatch-purple{background:#94a3b8}.option-btn-icon{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.option-btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.option-btn-icon.delete-icon:hover{color:var(--danger);border-color:var(--danger)}.option-percent-box{text-align:center;min-width:44px;color:var(--text-secondary);font-size:11.5px;font-weight:700}.btn-add-option{border:1px dashed var(--border-default);border-radius:var(--radius-md);width:100%;height:34px;color:var(--accent-light);letter-spacing:.6px;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;transition:all .15s;display:flex}.btn-add-option:hover{border-color:var(--accent);background:#10b9810f}.security-toggle-col{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.security-sublabel{color:var(--text-secondary);font-size:11px}.datasource-row-grid{grid-template-columns:1.4fr .9fr 1.2fr auto;align-items:flex-end;gap:10px;display:grid}.connected-status-pill{border:1px solid var(--border-accent);border-radius:var(--radius-md);height:36px;color:var(--accent-light);background:#10b9811f;justify-content:center;align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:flex}.pill-dot{background:var(--accent-bright);width:6px;height:6px;box-shadow:0 0 6px var(--accent-bright);border-radius:50%}.btn-test-connection{border:1px solid var(--border-accent);border-radius:var(--radius-md);height:36px;color:var(--accent-light);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:800;transition:all .15s;display:flex}.btn-test-connection:hover{border-color:var(--accent-bright);background:#10b9811a}.editor-subactions-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex}.btn-reset-danger{border-radius:var(--radius-md);color:#f87171;letter-spacing:.4px;cursor:pointer;background:#ef444414;border:1px solid #ef444466;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.btn-reset-danger:hover{background:#ef444429;border-color:#ef4444}.editor-last-edited{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11.5px;display:flex}.editor-last-edited strong{color:var(--text-secondary)}.editor-bottom-bar{border-top:1px solid var(--border-subtle);background:#090e18;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.btn-footer-discard{border:1px solid var(--border-default);border-radius:var(--radius-md);height:40px;color:var(--text-secondary);letter-spacing:.5px;cursor:pointer;background:#0f172a;flex:1;font-size:12px;font-weight:800;transition:all .15s}.btn-footer-discard:hover{color:var(--text-primary);background:#1e293b}.btn-footer-apply{background:var(--accent-bright);border-radius:var(--radius-md);color:#052e16;letter-spacing:.5px;cursor:pointer;border:none;flex:1.5;justify-content:center;align-items:center;gap:8px;height:40px;font-size:12px;font-weight:900;transition:all .15s;display:flex;box-shadow:0 0 14px #00e6764d}.btn-footer-apply:hover{background:#00ff84;box-shadow:0 0 18px #00e67680}.system-page{flex-direction:column;gap:20px;display:flex}.system-page-title{text-transform:uppercase;letter-spacing:.8px;font-size:24px;font-weight:900}.system-page-subtitle{color:var(--text-tertiary);margin-top:4px;font-size:13px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.summary-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;padding:18px}.summary-card-value{font-size:28px;font-weight:900}.summary-card-value.green{color:var(--accent)}.summary-card-value.blue{color:var(--info)}.summary-card-value.amber{color:var(--warning)}.summary-card-value.purple{color:#a78bfa}.summary-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:4px;font-size:10.5px}@media (width<=1280px){:root{--editor-width:460px}}.login-wrapper{background:#060911;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-ambient-glow{pointer-events:none;filter:blur(60px);z-index:1;background:radial-gradient(circle,#10b9811f 0%,#06b6d40d 50%,#0000 70%);border-radius:50%;width:550px;height:550px;position:absolute}.login-card{z-index:10;background:#0a0f1d;border:1px solid #162238;border-radius:14px;flex-direction:column;width:100%;max-width:420px;padding:36px 32px;animation:.3s ease-out loginFadeIn;display:flex;position:relative;box-shadow:0 20px 50px #0009,0 0 1px #10b9814d}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-brand-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:6px;display:flex}.login-frog-logo{border:1px solid var(--border-accent);background:#0f241d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:24px;display:flex;box-shadow:0 0 20px #10b98140}.login-brand-title{letter-spacing:1px;color:var(--text-primary);font-size:18px;font-weight:900}.login-security-tag{border:1px solid var(--border-accent);letter-spacing:.8px;color:var(--accent-light);text-transform:uppercase;background:#10b9811a;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:9.5px;font-weight:800;display:inline-flex}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:12.5px;line-height:1.5}.login-alert-box{border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.4;display:flex}.alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.alert-success{color:#86efac;background:#10b9811f;border:1px solid #10b98159}.btn-google-login{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:42px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.btn-google-login:hover{background:#1e293b;border-color:#334155;transform:translateY(-1px)}.google-icon{flex-shrink:0}.login-divider{align-items:center;gap:12px;margin:18px 0;display:flex}.divider-line{background:#141d2d;flex:1;height:1px}.divider-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form-group{flex-direction:column;gap:6px;display:flex}.login-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:10px;font-weight:800}.link-forgot-pass{color:var(--accent-light);cursor:pointer;background:0 0;border:none;font-size:11px;transition:color .15s}.link-forgot-pass:hover{color:var(--accent-bright);text-decoration:underline}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.login-input{width:100%;height:40px;color:var(--text-primary);background:#070c16;border:1px solid #1a273c;border-radius:8px;outline:none;padding:0 40px 0 38px;font-family:inherit;font-size:13px;transition:border-color .15s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 10px #10b98126}.btn-toggle-eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;right:12px}.btn-toggle-eye:hover{color:var(--text-primary)}.btn-login-submit{background:var(--accent-bright);color:#042e16;letter-spacing:.8px;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:4px;font-size:13px;font-weight:900;transition:all .15s;display:flex;box-shadow:0 0 16px #00e67659}.btn-login-submit:hover:not(:disabled){background:#00ff84;transform:translateY(-1px);box-shadow:0 0 22px #00e67680}.btn-login-submit:disabled{opacity:.7;cursor:not-allowed}.btn-back-login{color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:4px;font-size:12px;font-weight:600}.btn-back-login:hover{color:var(--text-primary);text-decoration:underline}.login-footer-hint{color:var(--text-muted);text-align:center;border-top:1px solid #141d2d;justify-content:center;align-items:center;gap:6px;margin-top:24px;padding-top:14px;font-size:10.5px;display:flex}.unauth-card{text-align:center;align-items:center;max-width:440px}.unauth-icon-wrap{background:#ef44441f;border:1px solid #ef444459;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.unauth-icon{color:var(--danger)}.unauth-title{color:#f87171;font-size:20px;font-weight:900}.unauth-alert-box{color:#fde68a;text-align:left;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:10px;margin:16px 0 20px;padding:12px 14px;font-size:11.5px;display:flex}.btn-logout{color:#fff;box-shadow:none;background:#1e293b}.btn-logout:hover{box-shadow:none;background:#334155}