:root{--color-bg: #06060e;--color-bg-elevated: #111122;--color-sidebar: rgba(10, 10, 24, .92);--color-surface: rgba(22, 22, 48, .55);--color-surface-hover: rgba(30, 30, 60, .7);--color-surface-border: rgba(255, 255, 255, .06);--color-text: #ededf5;--color-text-muted: #8888a4;--color-text-dim: #5a5a78;--color-primary: #7c6cff;--color-primary-hover: #9b8eff;--color-primary-glow: rgba(124, 108, 255, .2);--color-primary-soft: rgba(124, 108, 255, .1);--color-accent: #00d4aa;--color-accent-glow: rgba(0, 212, 170, .15);--color-success: #2dd4a0;--color-error: #ff6b8a;--color-warning: #f5b731;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(124,108,255,.12),transparent 70%),radial-gradient(ellipse 40% 60% at 80% 20%,rgba(0,212,170,.06),transparent 70%),radial-gradient(ellipse 50% 40% at 60% 100%,rgba(124,108,255,.08),transparent 70%);animation:meshShift 20s ease-in-out infinite alternate}@keyframes meshShift{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.glass{background:var(--color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.auth-card{width:min(400px,100%);padding:var(--space-8)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}.auth-header h1{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.03em}.auth-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.spinner{width:32px;height:32px;border:2.5px solid var(--color-surface-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:40px;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#6c5ce7);color:#fff;box-shadow:0 4px 16px var(--color-primary-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),#8b7cf6);box-shadow:0 6px 24px var(--color-primary-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#ffffff0a;color:var(--color-text-muted);border:1px solid var(--color-surface-border)}.btn-secondary:hover:not(:disabled){background:#ffffff14;color:var(--color-text);border-color:#ffffff1f}.btn-danger{background:#ff6b8a1a;color:var(--color-error);border:1px solid rgba(255,107,138,.18)}.btn-danger:hover:not(:disabled){background:#ff6b8a33}.btn-sm{min-height:34px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-xs)}.btn-google{background:#fff;color:#1a1a2e;width:100%;min-height:44px}.btn-google:hover:not(:disabled){background:#f1f1f1;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-icon{background:none;border:none;color:var(--color-text-dim);cursor:pointer;padding:6px;border-radius:var(--radius-xs);transition:all var(--transition-fast);min-height:auto}.btn-icon:hover{color:var(--color-text);background:#ffffff0f}.divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-dim);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-surface-border)}.auth-form,.admin-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form{margin-bottom:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.form-field input,.form-field select,.form-field textarea{padding:10px 14px;background:#ffffff08;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-fast);min-height:40px}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-dim)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:#7c6cff08}.form-field textarea{min-height:80px;resize:vertical}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.toast{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;animation:slideUp .3s ease;display:flex;align-items:center;gap:var(--space-2)}.toast-success{background:#2dd4a014;color:var(--color-success);border:1px solid rgba(45,212,160,.15)}.toast-error{background:#ff6b8a14;color:var(--color-error);border:1px solid rgba(255,107,138,.15)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar content"}.admin-sidebar{grid-area:sidebar;background:var(--color-sidebar);border-right:1px solid var(--color-surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;padding:var(--space-6) 0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);margin-bottom:var(--space-8)}.sidebar-brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),#6c5ce7);border-radius:var(--radius-md);display:grid;place-items:center;box-shadow:0 4px 16px var(--color-primary-glow)}.sidebar-brand-icon .material-icons-round{font-size:22px;color:#fff}.sidebar-brand-text h1{font-size:var(--font-size-md);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-brand-text span{font-size:var(--font-size-2xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 var(--space-3)}.sidebar-section-label{font-size:var(--font-size-2xs);font-weight:700;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);width:100%;text-align:left;position:relative}.sidebar-item:hover{background:#ffffff0a;color:var(--color-text)}.sidebar-item.active{background:var(--color-primary-soft);color:var(--color-primary-hover)}.sidebar-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 4px 4px 0}.sidebar-item .material-icons-round{font-size:20px;opacity:.8}.sidebar-item.active .material-icons-round{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-surface-border);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:var(--space-3)}.sidebar-user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:grid;place-items:center;font-size:var(--font-size-xs);font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info .name{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info .email{font-size:var(--font-size-2xs);color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);border-bottom:1px solid var(--color-surface-border);background:#06060eb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}.admin-topbar-left{display:flex;align-items:center;gap:var(--space-3)}.admin-topbar-left h2{font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em}.admin-topbar-left .page-icon{color:var(--color-primary);font-size:22px}.admin-topbar-right{display:flex;align-items:center;gap:var(--space-3)}.admin-content{grid-area:content;padding:var(--space-8);max-width:1100px;width:100%;animation:fadeInContent .3s ease}@keyframes fadeInContent{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-1px)}.stat-card-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.stat-card-icon .material-icons-round{font-size:22px}.stat-card-icon.purple{background:var(--color-primary-soft);color:var(--color-primary)}.stat-card-icon.green{background:var(--color-accent-glow);color:var(--color-accent)}.stat-card-icon.pink{background:#ff6b8a1a;color:var(--color-error)}.stat-card-icon.amber{background:#f5b7311a;color:var(--color-warning)}.stat-card-info{display:flex;flex-direction:column;gap:2px}.stat-card-label{font-size:var(--font-size-2xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stat-card-value{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-header h2{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em;display:none}.page-header-actions{display:flex;gap:var(--space-2);margin-left:auto}.data-table-wrapper{border:1px solid var(--color-surface-border);border-radius:var(--radius-md);overflow:hidden;background:#1129;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);background:#ffffff05;color:var(--color-text-dim);font-weight:700;font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-surface-border)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle;color:var(--color-text-muted)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover td{background:#ffffff05}.data-table .actions-cell{display:flex;gap:var(--space-1);justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-2xs);font-weight:700;letter-spacing:.02em}.badge-success{background:#2dd4a01a;color:var(--color-success)}.badge-error{background:#ff6b8a1a;color:var(--color-error)}.badge-warning{background:#f5b7311a;color:var(--color-warning)}.badge-muted{background:#8888a41a;color:var(--color-text-muted)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:200;padding:var(--space-4);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(540px,100%);max-height:85vh;overflow-y:auto;padding:var(--space-8);animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-6);letter-spacing:-.02em}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.detail-panel{border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:#11112280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-6);margin-bottom:var(--space-6);animation:slideUp .3s ease}.detail-panel h3{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--space-4);letter-spacing:-.01em}.detail-grid{display:grid;grid-template-columns:130px 1fr;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.detail-grid dt{color:var(--color-text-dim);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.detail-grid dd{color:var(--color-text);word-break:break-all}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-dim)}.empty-state .material-icons-round{font-size:48px;margin-bottom:var(--space-4);opacity:.25}.empty-state p{font-size:var(--font-size-sm)}code{font-family:var(--font-mono);font-size:.85em;background:#ffffff0a;padding:2px 6px;border-radius:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.sub-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-surface-border);padding-bottom:var(--space-2)}.sub-tab{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-text-dim);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:2px solid transparent;transition:all .2s}.sub-tab:hover{color:var(--color-text);background:#ffffff08}.sub-tab.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary);background:#7c5cfc0f}.sb-toggle-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:#7c5cfc0f;border:1px solid rgba(124,92,252,.15);border-radius:var(--radius-sm)}.sb-toggle-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-dim)}.sb-toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.sb-inline-wrapper{margin-bottom:var(--space-4)}.sb-json-preview{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:#0000004d;margin-bottom:var(--space-4)}.sb-json-preview summary{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-dim);font-weight:500;-webkit-user-select:none;user-select:none}.sb-json-preview pre{padding:var(--space-3);margin:0;font-size:11px;line-height:1.5;font-family:var(--font-mono);color:var(--color-primary-light);overflow-x:auto;max-height:300px}.screen-builder{display:grid;grid-template-columns:1fr 280px;gap:var(--space-4)}.sb-palette{grid-column:1 / -1;margin-bottom:var(--space-2)}.sb-palette-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);margin-bottom:var(--space-2)}.sb-palette-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sb-palette-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:#1126;cursor:pointer;transition:all .2s;min-width:72px}.sb-palette-item:hover{background:#7c5cfc14;border-color:var(--color-primary);transform:translateY(-1px)}.sb-palette-item-label{font-size:10px;color:var(--color-text-dim);font-weight:500}.sb-blocks{display:flex;flex-direction:column;gap:var(--space-2)}.sb-empty{text-align:center;padding:var(--space-8);color:var(--color-text-dim);border:2px dashed rgba(255,255,255,.06);border-radius:var(--radius-md)}.sb-empty p{margin-top:var(--space-2);font-size:var(--font-size-sm)}.sb-block{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:#11112280;transition:all .2s;overflow:hidden}.sb-block.dragging{opacity:.4}.sb-block.expanded{border-color:#7c5cfc4d}.sb-block-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background .15s}.sb-block-header:hover{background:#ffffff05}.sb-block-handle{cursor:grab;display:flex}.sb-block-type-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);min-width:60px}.sb-block-preview{flex:1;font-size:var(--font-size-xs);color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-block-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.sb-btn-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-dim);cursor:pointer;border-radius:4px;transition:all .15s}.sb-btn-icon:hover{background:#ffffff0f;color:var(--color-text)}.sb-btn-danger:hover{background:#ef44441f;color:var(--color-error)}.sb-block-chevron{color:var(--color-text-dim)}.sb-block-body{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-surface-border);background:#00000026;display:grid;gap:var(--space-3);animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.sb-field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);font-weight:600;margin-bottom:4px}.sb-field input,.sb-field select{width:100%;padding:6px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--color-text);font-size:var(--font-size-xs);font-family:var(--font-family);transition:border-color .15s}.sb-field input:focus,.sb-field select:focus{outline:none;border-color:var(--color-primary)}.sb-preview-section{position:sticky;top:var(--space-4)}.sb-preview-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);margin-bottom:var(--space-2)}.sb-phone-frame{width:260px;min-height:420px;border-radius:28px;border:3px solid rgba(255,255,255,.1);background:#0d0d1a;padding:12px 10px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.sb-phone-notch{width:80px;height:22px;background:#0d0d1a;border-radius:0 0 12px 12px;position:absolute;top:0;left:50%;transform:translate(-50%);border:2px solid rgba(255,255,255,.08);border-top:none}.sb-phone-screen{margin-top:18px;display:flex;flex-direction:column;gap:6px;padding:8px;min-height:360px;overflow-y:auto}.sbp-header{font-weight:700;color:var(--color-text);letter-spacing:-.02em}.sbp-header[data-level="1"]{font-size:16px}.sbp-header[data-level="2"]{font-size:14px}.sbp-header[data-level="3"]{font-size:12px;font-weight:600}.sbp-text{font-size:12px;color:var(--color-text-dim);line-height:1.5}.sbp-style-bold{font-weight:600;color:var(--color-text)}.sbp-style-caption{font-size:10px;opacity:.7}.sbp-style-overline{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.sbp-style-subtitle{font-size:13px;font-weight:500}.sbp-image{border-radius:6px;overflow:hidden}.sbp-image img{width:100%;height:auto;display:block}.sbp-image-placeholder{height:80px;background:#ffffff08;display:flex;align-items:center;justify-content:center;color:#ffffff26;border:1px dashed rgba(255,255,255,.1);border-radius:6px}.sbp-button{display:inline-block;padding:6px 16px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:600;border-radius:6px;text-align:center}.sbp-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:4px 0}.sbp-card{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.sbp-card-icon{font-size:20px;color:var(--color-primary-light)}.sbp-card-title{font-size:12px;font-weight:600;color:var(--color-text)}.sbp-card-subtitle{font-size:10px;color:var(--color-text-dim)}.sbp-list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.04)}.sbp-li-title{font-size:12px;font-weight:500;color:var(--color-text)}.sbp-li-subtitle{font-size:10px;color:var(--color-text-dim)}.sbp-li-trailing{font-size:11px;color:var(--color-text-dim);font-weight:500}.sbp-kv{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.sbp-kv-key{font-size:11px;color:var(--color-text-dim)}.sbp-kv-value{font-size:11px;color:var(--color-text);font-weight:500}@media(max-width:768px){.admin-layout{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.admin-sidebar{display:none}.admin-content{padding:var(--space-4)}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-header h2{display:block}.data-table-wrapper{overflow-x:auto}.stat-row{grid-template-columns:1fr 1fr}.screen-builder{grid-template-columns:1fr}.sb-phone-frame{width:100%}}