:root{font-family:Verdana,sans-serif;background:radial-gradient(circle at top left,rgba(53,211,255,.18),transparent 30%),radial-gradient(circle at top right,rgba(255,212,0,.16),transparent 22%),radial-gradient(circle at bottom left,rgba(255,77,141,.12),transparent 28%),linear-gradient(180deg,#0b1020,#0e1220 48%,#0a0f1b);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Trebuchet MS", "Avenir Next", sans-serif;--font-title: "Trebuchet MS", "Avenir Next", sans-serif;--font-body: "Verdana", sans-serif;--ink: #f8fbff;--muted: #a7b0c3;--panel: rgba(26, 31, 51, .82);--panel-strong: #151a2c;--panel-muted: rgba(32, 38, 58, .82);--line: rgba(248, 251, 255, .16);--line-bright: rgba(53, 211, 255, .42);--accent: #ffd400;--accent-strong: #ffea73;--accent-soft: rgba(255, 212, 0, .2);--accent-cool: #35d3ff;--accent-cool-soft: rgba(53, 211, 255, .22);--danger: #ff6b6b;--success: #5fe0b0;--shadow: 0 28px 72px rgba(0, 0, 0, .46);--glow: 0 0 0 1px rgba(53, 211, 255, .14), 0 18px 42px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{background:#0e1220;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(53,211,255,.12),transparent 26%),radial-gradient(circle at 85% 0%,rgba(255,212,0,.1),transparent 20%),linear-gradient(180deg,#ffffff08,#fff0),linear-gradient(180deg,#0b1020,#0e1220 48%,#0a0f1b)}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.panel,.editor-card{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow),var(--glow)}.auth-card{width:min(540px,100%);padding:32px}.auth-card h1,.page-header h2,.editor-head h3{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;margin:0;text-transform:uppercase}.auth-card h1{font-size:clamp(2.8rem,6vw,4.4rem);line-height:.92;margin-bottom:12px}.auth-card p,.page-header p,.brand p,.muted{color:var(--muted)}.stack{display:grid;gap:16px}.shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px;padding:28px 22px;border-right:1px solid rgba(53,211,255,.16);background:linear-gradient(180deg,#121729e6,#0c101fe0),radial-gradient(circle at top,rgba(53,211,255,.12),transparent 38%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand h1{margin:4px 0 12px;font-family:var(--font-display);font-size:3rem;line-height:.9;letter-spacing:.03em;text-transform:uppercase}.brand-kicker,.eyebrow{display:inline-flex;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--accent-cool);font-weight:700}.nav-list{display:grid;gap:10px}.nav-link{padding:12px 14px;border-radius:999px;color:var(--muted);border:1px solid rgba(248,251,255,.08);background:#ffffff08;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.nav-link:hover,.selected-row{background:#ffffff12}.nav-link-active{color:var(--ink);border-color:var(--line-bright);background:linear-gradient(135deg,#35d3ff33,#35d3ff14),#ffffff0a;transform:translate(2px);box-shadow:0 0 0 1px #35d3ff1f}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.user-card,.summary-card{padding:16px;border-radius:20px;background:#ffffff0a;border:1px solid var(--line);display:grid;gap:6px}.content-shell{padding:28px}.page-stack{display:grid;gap:18px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.page-header h2{font-size:clamp(2.3rem,4vw,3.2rem);line-height:.92;margin-top:6px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}.toolbar-right,.editor-actions,.checkbox-row,.segmented-control{display:flex;gap:12px;flex-wrap:wrap}.segmented-control{padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line)}.segmented-control button{border:0;background:transparent;padding:10px 14px;border-radius:999px;color:var(--muted)}.segmented-control .segment-active{background:linear-gradient(135deg,#35d3ff38,#35d3ff14),#ffffff0f;color:var(--ink);box-shadow:inset 0 0 0 1px #35d3ff47}.primary-button,.ghost-button,.search-input,.field input,.field textarea,.field select{border-radius:16px}.primary-button,.ghost-button{border:1px solid transparent;padding:12px 16px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;font-family:var(--font-title);font-weight:700;letter-spacing:.02em}.primary-button{color:#0e1220;background:radial-gradient(circle at 16% 30%,rgba(255,249,165,.85) 0,rgba(255,249,165,.22) 3px,transparent 4px),radial-gradient(circle at 32% 58%,rgba(255,246,200,.8) 0,rgba(255,246,200,.18) 2px,transparent 3px),radial-gradient(circle at 66% 34%,rgba(255,249,165,.85) 0,rgba(255,249,165,.2) 2px,transparent 3px),linear-gradient(135deg,#fff9a5,#ffe646 36%,#ffd400 66%,#ffba00);box-shadow:0 14px 28px #ffd40033}.ghost-button{background:#ffffff0d;border-color:var(--line);color:var(--ink)}.ghost-danger{color:var(--danger)}.ghost-danger-button{background:linear-gradient(135deg,#ff9292,var(--danger));box-shadow:0 14px 28px #a7322238;color:#101522}.primary-button:hover,.ghost-button:hover,.nav-link:hover{transform:translateY(-1px)}.search-input,.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#ffffff0d;padding:12px 14px;color:var(--ink)}.search-input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#a7b0c3e0}.field input.field-invalid,.field textarea.field-invalid,.field select.field-invalid{border-color:#ff6b6bb3;box-shadow:inset 0 0 0 1px #ff6b6b24}.field{display:grid;gap:8px}.compact-field{min-width:150px}.field span{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-cool)}.panel,.editor-card{padding:20px}.editor-card{display:grid;gap:16px}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#060810bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(760px,100%);max-height:min(88vh,920px);overflow:auto}.confirm-card{width:min(520px,100%)}.editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.confirm-copy{margin-top:8px}.editor-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-span-2{grid-column:span 2}.checkbox-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d}.checkbox-inline{justify-content:flex-start}.notice{padding:14px 16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(53,211,255,.18)}.loading-notice{display:flex;align-items:center;gap:12px}.spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(53,211,255,.18);border-top-color:var(--accent-cool);animation:spin .8s linear infinite}.notice-error{background:#ff6b6b14;border-color:#ff6b6b42}.notice-success{background:#5fe0b01f;border-color:#5fe0b052}.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.analytics-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:18px;align-items:start}.metric-row{display:grid;gap:8px}.metric-row-head{display:flex;justify-content:space-between;gap:12px}.metric-track{height:11px;border-radius:999px;background:#ffffff14;overflow:hidden}.metric-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent-cool),#7fe9ff)}.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--line);background:#0a0e1a8f}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:var(--accent-cool)}tbody tr:last-child td{border-bottom:0}.table-text{min-width:240px}.row-actions{display:flex;gap:8px}.select-cell{width:52px}.select-cell input{width:16px;height:16px;accent-color:var(--accent)}.infinite-scroll-status{padding:14px 16px 4px;color:var(--muted);text-align:center;font-size:.92rem}.flat-list{margin:8px 0 0;padding-left:18px}.public-site{min-height:100vh;color:var(--ink);background-color:#0b1020;background-position:center;background-repeat:no-repeat;background-size:cover}.public-header-shell{position:sticky;top:0;z-index:30;padding:14px 0 10px;background:linear-gradient(180deg,rgba(7,11,23,.94),rgba(7,11,23,.72) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-header,.public-footer,.hero-section,.public-section,.cta-section,.terms-page{width:min(1180px,calc(100% - 48px));margin:0 auto}.public-section[id]{scroll-margin-top:168px}.public-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;border:1px solid var(--line);border-radius:24px;background:#121729c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--glow)}.public-brand{display:grid;align-items:center}.public-logo{display:block;width:clamp(148px,18vw,210px);height:auto}.public-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 16px;border:1px solid rgba(53,211,255,.12);border-radius:999px;background:#0a0e1b8a;color:var(--muted)}.public-nav a{position:relative;padding-bottom:4px}.public-nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#35d3ff,#ffd400);transition:transform .18s ease}.public-nav a:hover:after{transform:scaleX(1)}.hero-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;padding:44px 0 56px;align-items:center}.hero-copy,.hero-showcase,.feature-card,.step-card,.cta-card,.contact-form,.terms-card,.terms-hero,.showcase-card{border-radius:28px;box-shadow:var(--shadow),var(--glow);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy{padding:32px}.hero-kicker,.section-heading .eyebrow,.public-site .eyebrow{color:var(--accent-cool)}.hero-copy h1,.section-heading h2,.cta-card h2,.terms-hero h1,.terms-card h2,.feature-card h3,.step-card h3,.public-footer h2{font-family:var(--font-display);color:var(--ink);margin:0;line-height:1.02;text-transform:uppercase}.hero-copy h1{font-size:clamp(2.1rem,4.8vw,3.7rem);max-width:10.5ch}.hero-copy p,.section-heading p,.feature-card p,.step-card p,.showcase-card p,.cta-card p,.contact-helper,.public-footer p,.terms-page p{color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.store-badges{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.store-badge{display:inline-flex;align-items:center;gap:12px;min-width:188px;padding:11px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#090d19e0;color:var(--ink);box-shadow:0 16px 30px #04060f47;transition:transform .18s ease,border-color .18s ease,background .18s ease}.store-badge:hover{transform:translateY(-1px);border-color:#ffd4005c;background:#0e1323f2}.store-badge-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffffff14;color:#f6f8ff;flex:0 0 auto}.store-badge-icon svg{width:24px;height:24px}.store-badge-copy{display:grid;gap:1px}.store-badge-kicker{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.store-badge-label{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.public-primary-button{background:radial-gradient(circle at 16% 30%,rgba(255,249,165,.85) 0,rgba(255,249,165,.22) 3px,transparent 4px),radial-gradient(circle at 32% 58%,rgba(255,246,200,.8) 0,rgba(255,246,200,.18) 2px,transparent 3px),radial-gradient(circle at 66% 34%,rgba(255,249,165,.85) 0,rgba(255,249,165,.2) 2px,transparent 3px),linear-gradient(135deg,#fff9a5,#ffe646 36%,#ffd400 66%,#ffba00);color:#0e1220;box-shadow:0 14px 28px #ffd40033}.public-secondary-button{background:#ffffff0d;border-color:var(--line);color:var(--ink)}.hero-showcase{display:grid;gap:18px}.showcase-card{padding:24px;background:var(--panel-muted)}.showcase-card strong{display:block;margin:8px 0 10px;font-size:1.3rem}.showcase-card-primary{padding:30px;background:radial-gradient(circle at top right,rgba(255,212,0,.18),transparent 30%),linear-gradient(145deg,#35d3ff2e,#35d3ff0f),#151a2c;border-color:var(--line-bright)}.showcase-card-primary .eyebrow,.showcase-card-primary p{color:#f8fbffd1}.showcase-grid,.feature-grid,.steps-grid{display:grid;gap:18px}.showcase-grid,.feature-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-section,.cta-section{padding:20px 0 56px}.public-section-accent{position:relative}.public-section-accent:before{content:"";position:absolute;inset:26px -24px 0;border-radius:36px;background:linear-gradient(135deg,#35d3ff14,#ffd40014),#1217294d;z-index:0}.public-section-accent>*{position:relative;z-index:1}.section-heading{display:grid;gap:12px;max-width:720px;margin-bottom:24px}.section-heading h2,.cta-card h2,.terms-hero h1,.public-footer h2{font-size:clamp(1.8rem,4vw,3rem)}.feature-card,.step-card,.contact-form,.terms-card{background:var(--panel)}.feature-card,.step-card{padding:24px}.step-card{position:relative;overflow:hidden}.step-index{display:inline-flex;margin-bottom:14px;font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cool)}.cta-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px;background:radial-gradient(circle at top left,rgba(255,212,0,.18),transparent 24%),linear-gradient(145deg,#35d3ff2e,#35d3ff0a),#151a2c;border-color:var(--line-bright)}.cta-card .eyebrow,.cta-card p{color:#f8fbffd1}.contact-section{padding-bottom:72px}.contact-form{padding:24px}.contact-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.public-field span{color:var(--accent-cool)}.public-field input,.public-field textarea{border-color:var(--line);background:#ffffff0d;color:var(--ink)}.field-error{color:#ffb0b0;font-size:.88rem}.contact-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;flex-wrap:wrap}.contact-helper{margin:0;font-size:.92rem}.terms-page{padding:48px 0 72px}.terms-hero{display:grid;gap:12px;max-width:720px;margin-bottom:24px;padding:28px}.terms-card{display:grid;gap:24px;padding:28px}.terms-article{display:grid;gap:12px}.terms-article+.terms-article{padding-top:24px;border-top:1px solid rgba(53,211,255,.12)}.terms-card h2{font-size:1.25rem;margin-bottom:10px}.terms-list{display:grid;gap:10px;margin:0;padding-left:22px;color:var(--muted)}.terms-list li::marker{color:var(--accent-cool)}.terms-contact{display:grid;gap:4px}.terms-contact p,.terms-closing{color:var(--ink)}.public-footer{display:flex;justify-content:space-between;gap:32px;padding:28px;align-items:end;border:1px solid var(--line);border-radius:24px;background:#121729c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--glow);margin-bottom:24px}.public-footer-copy{display:grid;gap:14px}.store-badges-footer{margin-top:4px}.public-footer-logo{display:block;width:clamp(132px,16vw,180px);height:auto}.public-footer-links{display:grid;gap:10px;min-width:200px;color:var(--muted)}.public-footer-links a:hover{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(53,211,255,.16)}.analytics-grid,.hero-section,.showcase-grid,.feature-grid,.steps-grid,.contact-grid{grid-template-columns:1fr}.cta-card,.public-footer,.public-header{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.content-shell,.sidebar,.auth-card{padding:20px}.page-header,.toolbar,.editor-head{flex-direction:column;align-items:stretch}.editor-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.modal-overlay{padding:12px}.public-header,.public-footer,.hero-section,.public-section,.cta-section,.terms-page{width:min(100% - 28px,1180px)}.hero-copy h1{max-width:none}.contact-form,.feature-card,.step-card,.terms-card,.showcase-card,.cta-card{padding:20px}.public-nav{gap:12px;padding:0;border:0;border-radius:0;background:transparent}.public-logo{width:150px}.public-footer-logo{width:140px}.public-section-accent:before{inset:20px -8px 0}.store-badge{width:100%}}
