@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-bg:#0b0714;--color-bg-soft:#130d1d;--color-surface:#1a1327;--color-surface-2:#211832;--color-surface-3:#2b2140;--color-border:#ffffff14;--color-border-hover:#ff8a2a47;--color-text:#f8f5ff;--color-text-muted:#a8a0b8;--color-text-soft:#d8d0ea;--color-text-weak:#6f667d;--color-accent:#ff5a1f;--primary-rgb:255, 90, 31;--color-accent-hover:#ff8a2a;--color-accent-dim:#ff5a1f24;--color-error:#f87171;--color-error-dim:#f871711a;--color-warning:#ffb454;--color-warning-dim:#ffb45421;--color-danger:#a92818;--color-danger-hover:#d9472b;--color-purple:#6c5cff;--color-blue-violet:#585fe3;--color-red-burn:#a92818;--color-success:var(--color-accent);--success-rgb:var(--primary-rgb);--radius:10px;--radius-sm:8px;--radius-lg:14px;--transition:.18s ease;--transition-fast:.12s ease;--sidebar-width:220px;--shadow-sm:0 16px 44px #0000003d;--shadow-md:0 24px 72px #00000057;--glow-orange:0 0 24px #ff5a1f3d;--glow-purple:0 0 28px #6c5cff2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 100% 0,#ff5a1f29,#0000 34rem),radial-gradient(circle at 20% 20%,#6c5cff1f,#0000 32rem),radial-gradient(circle at 82% 88%,#a928181f,#0000 30rem),linear-gradient(#130d1d 0%,#0b0714 100%);min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.page-shell{min-height:100vh;padding:32px}.page{width:100%;max-width:1240px;padding:42px 48px 60px}h1,h2,h3{letter-spacing:-.2px;font-weight:600}.card{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#211832c7,#1a1327a3);padding:22px;position:relative;overflow:hidden}.card:before{content:"";opacity:.76;pointer-events:none;background:linear-gradient(90deg,#0000,#ff8a2a5c,#6c5cff3d,#0000);height:1px;position:absolute;inset:0 0 auto}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn-primary{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--transition), box-shadow var(--transition), transform var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#ff7a1a 0%,#ff4d1f 45%,#a92818 100%);border:1px solid #ffffff1a;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 0 24px #ff5a1f3d}.btn-primary:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 14px 34px #ff5a1f4d}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--color-text);border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition-fast);white-space:nowrap;background:#ffffff0b;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-hover);background:#ffffff14;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, #d9472b, var(--color-danger));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group:last-child{margin-bottom:0}.form-label{color:var(--color-text-muted);font-size:13px;font-weight:500}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);appearance:none;resize:vertical;background:#ffffff0b;outline:none;padding:11px 14px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff5a1f24, var(--glow-purple);background:#fff1}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.form-input[type=file]{cursor:pointer;padding:8px}.form-input[type=file]::file-selector-button{color:var(--color-text);border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:#ffffff0b;align-items:center;gap:6px;margin-right:12px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.form-input[type=file]::-webkit-file-upload-button{color:var(--color-text);border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:#ffffff0b;align-items:center;gap:6px;margin-right:12px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.form-input[type=file]:hover::file-selector-button{border-color:var(--color-border-hover);background:#ffffff14}.form-input[type=file]:hover::-webkit-file-upload-button{border-color:var(--color-border-hover);background:#ffffff14}.form-message{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.form-message-error{background:var(--color-error-dim);color:var(--color-error);border:1px solid #f8717133}.form-message-success{background:rgba(var(--success-rgb), .08);border:1px solid rgba(var(--success-rgb), .2);color:var(--color-success)}.spinner-inline{border:2px solid #ffffff47;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge{letter-spacing:.2px;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{background:rgba(var(--success-rgb), .1);color:var(--color-success);border:1px solid rgba(var(--success-rgb), .22)}.badge-warning{background:var(--color-warning-dim);color:var(--color-warning);border:1px solid #ffb45433}.badge-default{color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffff0d}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:420px;color:var(--color-text);padding:24px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ff8a2a47;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}*{scrollbar-width:thin;scrollbar-color:#ff8a2a47 transparent}.editor-grid{grid-template-columns:3fr 2fr;align-items:start;gap:24px;display:grid}.editor-col-left{flex-direction:column;gap:20px;min-width:0;display:flex}.card-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.card-row>.card{height:100%}.editor-col-right{position:sticky;top:24px}@media (width<=900px){.editor-grid{grid-template-columns:1fr}.editor-col-right{position:static}}@media (width<=640px){.card-row{grid-template-columns:1fr}}.phone-frame{border:8px solid var(--color-surface-2);background:var(--color-bg);box-shadow:var(--shadow-md);border-radius:28px;max-width:210px;margin:0 auto;overflow:hidden}.phone-screen{height:420px;overflow-y:auto}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=640px){.settings-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--color-border);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px 8px 6px 14px;font-size:13px;display:inline-flex}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip-remove{width:18px;height:18px;color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.chip-remove:hover{background:var(--color-error-dim);color:var(--color-error)}.chip-add{border:1px dashed var(--color-border-hover);color:var(--color-text-muted);transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.chip-add:hover{color:var(--color-accent);border-color:var(--color-accent)}