*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;line-height:1.6;color:#333;background:#f5f5f5}a{color:#06c}.container{max-width:1200px;margin:0 auto;padding:1rem}h1,h2{margin-bottom:1rem}.header{background:#1a1a2e;color:#fff;padding:1rem 0;margin-bottom:2rem}.header .container{display:flex;justify-content:space-between;align-items:center}.header a{color:#ccc;text-decoration:none;margin-left:1.5rem}.header a:hover{color:#fff}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #eee}th{background:#f9f9f9;font-weight:600}tr:hover{background:#f9f9f9}.btn{display:inline-block;padding:.5rem 1rem;border-radius:4px;text-decoration:none;border:none;cursor:pointer;font-size:.875rem}.btn-primary{background:#4ecdc4;color:#1a1a2e}.btn-secondary{background:#eee;color:#333}.btn-danger{background:#dc3545;color:#fff}.btn:hover{opacity:.9}.btn:disabled{background:#999;color:#666;cursor:not-allowed;opacity:.5}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input{width:auto}.actions{display:flex;gap:.5rem}.bulk-bar{background:#e3f2fd;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.filters{display:flex;gap:1rem;margin-bottom:1rem}.filters input,.filters select{padding:.5rem;border:1px solid #ddd;border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:8px;padding:1.25rem;text-align:center;box-shadow:0 1px 3px #0000001a}.stat-card.highlight{background:#4ecdc4;color:#fff}.stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.75rem;text-transform:uppercase;opacity:.7}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.state-bars{display:flex;flex-direction:column;gap:.75rem}.state-bar{display:flex;align-items:center;gap:.5rem}.state-name{width:40px;font-weight:500}.bar-container{flex:1;height:20px;background:#eee;border-radius:4px;overflow:hidden}.bar{height:100%;background:#4ecdc4;border-radius:4px}.state-count{width:40px;text-align:right;font-weight:500}.color-input{display:flex;align-items:center;gap:.5rem}.color-input input[type=color]{width:50px;height:38px;padding:0;border:1px solid #ddd;cursor:pointer}.color-input input[type=text]{flex:1}.header nav a.active{color:#fff}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}}.content-page{max-width:1000px;margin:0 auto}.content-page .page-header{background:linear-gradient(135deg,#1a1a2e,#2d2d44);color:#fff;padding:2rem;border-radius:12px;margin-bottom:1.5rem}.content-page .page-header h1{margin:0 0 .5rem;font-size:1.75rem}.content-page .page-header .hint{color:#ffffffb3;font-size:.875rem;margin:0}.content-page .page-header .hint code{background:#ffffff26;padding:.125rem .375rem;border-radius:3px;font-size:.8125rem}.content-page .filters{background:#fff;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:center}.content-page .filters select,.content-page .filters input{padding:.625rem .875rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem;background:#fafafa;transition:border-color .2s,box-shadow .2s}.content-page .filters select:focus,.content-page .filters input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc426;background:#fff}.content-page .filters input[type=text]{flex:1;min-width:200px}.content-page .search-count{font-size:.8125rem;color:#666;margin-left:auto}.content-page .empty-state{text-align:center;padding:4rem 2rem;color:#666;background:#fff;border-radius:8px}.content-groups{display:flex;flex-direction:column;gap:1.5rem}.category-group{display:flex;flex-direction:column;gap:.75rem}.category-header{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#888;padding:0 .25rem}.group-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#4ecdc4,#44b3ab);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;text-align:left;transition:transform .15s,box-shadow .15s}.group-header:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc44d}.group-name{font-weight:600;text-transform:capitalize}.group-count{color:#ffffffd9;font-size:.8125rem;margin-left:auto}.group-header .expand-icon{color:#ffffffe6;width:1rem;font-size:.75rem}.section-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;font-size:.9375rem;text-align:left;transition:background .15s,border-color .15s}.section-header:hover{background:#f8f9fa;border-color:#d0d0d0}.section-name{font-weight:500;color:#333}.section-count{color:#888;font-size:.8125rem;margin-left:auto}.section-header .expand-icon{color:#999;width:1rem;font-size:.75rem}.sections{padding-left:1rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.section-group{display:flex;flex-direction:column;gap:.5rem}.variants{padding-left:1rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.625rem}.variant-card{background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;transition:box-shadow .15s}.variant-card:hover{box-shadow:0 2px 8px #0000000f}.variant-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;background:#f8f9fa;border-bottom:1px solid #eee}.variant-num{font-weight:600;font-size:.8125rem;color:#1a1a2e;background:#e8e8e8;padding:.25rem .625rem;border-radius:4px}.variant-actions{display:flex;gap:.5rem}.content-preview{padding:1rem;margin:0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto;background:#fafbfc;max-height:280px;overflow-y:auto;color:#444}.content-editor{width:100%;padding:1rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;border:none;border-top:2px solid #4ecdc4;resize:vertical;line-height:1.6;background:#fffef8}.content-editor:focus{outline:none;background:ivory}.btn-sm{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:4px}.btn-sm.btn-primary{background:#4ecdc4;color:#fff}.btn-sm.btn-primary:hover{background:#3dbdb5}.loading{text-align:center;padding:4rem;color:#666;font-size:1rem}.content-page .header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.content-page .site-selector{display:flex;flex-direction:column;gap:.5rem;min-width:220px}.content-page .site-selector label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#fff9}.content-page .site-selector select,.content-page .site-selector input{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.875rem;background:#ffffff1a;color:#fff}.content-page .site-selector select:focus,.content-page .site-selector input:focus{outline:none;border-color:#4ecdc4;background:#ffffff26}.content-page .site-selector input::placeholder{color:#fff6}.content-page .site-selector select option{color:#333;background:#fff}.btn-preview{background:#6c5ce7;color:#fff}.btn-preview:hover{background:#5b4cdb}.content-preview-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 6px 6px}.content-preview-panel .preview-label{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.content-preview.interpolated{background:#0003;color:#fff;border-radius:0 0 6px 6px}.selling-points-card{background:#f0fdf4}.selling-points-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.selling-point-item{display:flex;flex-direction:column;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;min-width:120px}.selling-point-item .sp-value{font-weight:700;font-size:1rem;color:#4ecdc4}.selling-point-item .sp-label{font-size:.75rem;color:#666}.selling-points-editor{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.selling-point-row{display:flex;gap:.5rem;align-items:center}.selling-point-row input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.selling-point-row input:first-child{max-width:120px}.selling-points-actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.selling-points-actions .spacer{flex:1}@media (max-width: 700px){.content-page .header-top{flex-direction:column}.content-page .site-selector{width:100%}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#2d2d44)}.login-card{background:#fff;padding:3rem;border-radius:12px;text-align:center;box-shadow:0 10px 40px #0003;max-width:400px;width:90%}.login-card h1{color:#1a1a2e;margin-bottom:.5rem}.login-card p{color:#666;margin-bottom:2rem}.login-card .error{color:#dc3545;margin-bottom:1rem}.login-card .btn{width:100%;padding:1rem;font-size:1rem}.user-info{display:flex;align-items:center;gap:1rem;margin-left:auto}.user-info span{color:#ccc;font-size:.875rem}.header .container{display:flex;align-items:center;gap:1rem}.header nav{display:flex;gap:.5rem}.editor-page{display:flex;gap:1rem;height:calc(100vh - 100px);margin:-1rem}.editor-sidebar{width:280px;background:#fff;border-radius:8px;padding:1rem;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.sidebar-section{margin-bottom:1.5rem}.sidebar-section>label{display:block;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:.5rem}.sidebar-section select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.page-tabs{display:flex;flex-wrap:wrap;gap:.25rem}.page-tab{padding:.375rem .75rem;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:.75rem;cursor:pointer;transition:all .15s}.page-tab:hover{border-color:#4ecdc4}.page-tab.active{background:#4ecdc4;border-color:#4ecdc4;color:#fff}.variant-controls{display:flex;flex-direction:column;gap:.5rem}.variant-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9f9f9;border-radius:4px}.variant-label{font-size:.8125rem;color:#333}.variant-arrows{display:flex;align-items:center;gap:.5rem}.variant-arrows button{width:24px;height:24px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.variant-arrows button:hover{background:#4ecdc4;border-color:#4ecdc4;color:#fff}.variant-num{font-size:.75rem;font-weight:600;min-width:32px;text-align:center}.editor-preview{flex:1;background:#e5e5e5;border-radius:8px;overflow:hidden}.preview-iframe{width:100%;height:100%;border:none}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:1.25rem}.editor-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#e5e5e5}.preview-iframe-full{width:100%;height:100%;border:none}.preview-placeholder-full{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:1.25rem}.floating-toolbar{position:fixed;bottom:1rem;right:1rem;background:#1a1a2e;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:1000;min-width:60px}.toolbar-toggle{position:absolute;top:-12px;right:-12px;width:28px;height:28px;border-radius:50%;border:none;background:#4ecdc4;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.toolbar-toggle:hover{background:#3dbdb5}.toolbar-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:280px}.toolbar-row{display:flex;align-items:center;gap:.5rem}.toolbar-select{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.875rem}.toolbar-select option{background:#1a1a2e;color:#fff}.toolbar-pages{display:flex;flex-wrap:wrap;gap:.25rem}.toolbar-page{padding:.375rem .625rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .15s}.toolbar-page:hover{border-color:#4ecdc4;color:#fff}.toolbar-page.active{background:#4ecdc4;border-color:#4ecdc4;color:#fff}.toolbar-variant{justify-content:space-between;padding:.5rem;background:#ffffff0d;border-radius:4px}.toolbar-variant span{color:#fffc;font-size:.8125rem}.variant-nav{display:flex;align-items:center;gap:.5rem}.variant-nav button{width:24px;height:24px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:transparent;color:#fff;cursor:pointer;font-size:.75rem}.variant-nav button:hover{background:#4ecdc4;border-color:#4ecdc4}.variant-nav>span{font-size:.75rem;min-width:32px;text-align:center}.toolbar-deploy{width:100%;padding:.5rem;border:none;border-radius:4px;background:#4ecdc4;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s}.toolbar-deploy:hover{background:#3dbdb5}.toolbar-deploy:disabled{opacity:.7;cursor:not-allowed}.toolbar-deploy.triggered{background:#22c55e}.toolbar-deploy.error{background:#ef4444}.main-content{padding:2rem;min-height:100vh}.floating-nav{position:fixed;bottom:1rem;left:1rem;z-index:1000}.nav-toggle-btn{width:48px;height:48px;border-radius:50%;border:none;background:#1a1a2e;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #0000004d;display:flex;align-items:center;justify-content:center}.nav-toggle-btn:hover{background:#2a2a4e}.nav-menu{position:absolute;bottom:60px;left:0;background:#1a1a2e;border-radius:8px;box-shadow:0 4px 20px #0000004d;min-width:200px;overflow:hidden}.nav-menu-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.25rem}.nav-menu-header strong{color:#fff;font-size:.875rem}.nav-user{color:#fff9;font-size:.75rem}.nav-menu a{display:block;padding:.75rem 1rem;color:#fffc;text-decoration:none;font-size:.875rem;transition:background .15s}.nav-menu a:hover{background:#ffffff1a}.nav-menu a.active{color:#4ecdc4;background:#4ecdc41a}.nav-logout{width:100%;padding:.75rem 1rem;border:none;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#ef4444;font-size:.875rem;text-align:left;cursor:pointer}.nav-logout:hover{background:#ef44441a}.toolbar-menu-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.toolbar-menu-btn{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;color:#fffc;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.toolbar-menu-btn:hover{background:#ffffff1a}.toolbar-menu-dropdown{margin-top:.5rem;background:#0000004d;border-radius:4px;overflow:hidden}.toolbar-menu-header{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.125rem}.toolbar-menu-header strong{color:#fff;font-size:.8125rem}.toolbar-menu-header span{color:#ffffff80;font-size:.75rem}.toolbar-menu-dropdown a{display:block;padding:.5rem .75rem;color:#fffc;text-decoration:none;font-size:.8125rem}.toolbar-menu-dropdown a:hover{background:#ffffff1a}.toolbar-menu-dropdown a.active{color:#4ecdc4}.toolbar-menu-dropdown button{width:100%;padding:.5rem .75rem;border:none;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#ef4444;font-size:.8125rem;text-align:left;cursor:pointer}.toolbar-menu-dropdown button:hover{background:#ef44441a}.toolbar-section-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.saving-indicator{color:#4ecdc4;font-style:italic;text-transform:none}