@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700&display=swap";:root{font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#060b1a;color:#e2e8f0;--text: #e2e8f0;--text-muted: #94a3b8;--accent-1: #a855f7;--accent-2: #f97316}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#060b1a}a{color:inherit}button,input{font-family:inherit}#root{min-height:100vh}.page{min-height:100vh;padding:32px 40px 56px;position:relative;overflow:hidden}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.logo{display:flex;align-items:center;gap:12px}.logo-mark{width:46px;height:46px;display:grid;place-items:center;background:#0f172a4d;border-radius:16px;border:1px solid rgba(148,163,184,.4);box-shadow:0 12px 30px #0f172a66}.logo-mark svg{width:34px;height:34px}.logo-text{display:flex;flex-direction:column;font-family:Unbounded,sans-serif;letter-spacing:.5px;line-height:1.1}.logo-text span:last-child{color:var(--accent-2)}.nav-links{display:flex;gap:24px;font-weight:500}.nav-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--text)}.ghost{background:#0f172a99;border:1px solid rgba(148,163,184,.35);color:var(--text);padding:8px 14px;border-radius:10px;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.ghost:hover{transform:translateY(-1px);border-color:#22d3ee99}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:64px;position:relative;z-index:2}.hero-copy h1{font-family:Unbounded,sans-serif;font-size:clamp(2.4rem,4vw,3.6rem);margin:18px 0 16px}.hero-copy p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.pill{display:inline-flex;align-items:center;padding:6px 16px;border-radius:999px;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#67e8f9;font-weight:600;letter-spacing:.4px;text-transform:uppercase;font-size:.75rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:28px 0 16px}.stat-card{padding:16px;background:#0f172a80;border-radius:18px;border:1px solid rgba(148,163,184,.25);box-shadow:0 20px 40px #0f172a59}.stat-card span{font-size:1.4rem;font-weight:700;display:block}.stat-card small{color:var(--text-muted)}.tag-row{display:flex;flex-wrap:wrap;gap:10px;color:var(--accent-1);font-weight:600}.tag-row span{padding:6px 14px;border-radius:999px;background:#a855f729;border:1px solid rgba(168,85,247,.35)}.auth{display:grid;gap:24px}.auth-card{background:#0f172abf;border-radius:24px;padding:28px;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 60px #0f172a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mode-toggle,.role-toggle{display:grid;grid-template-columns:repeat(2,1fr);background:#1e293bb3;border-radius:999px;padding:4px;margin-bottom:16px}.mode-toggle button,.role-toggle button{border:none;background:transparent;color:var(--text-muted);padding:10px 12px;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-toggle button.active,.role-toggle button.active{background:linear-gradient(120deg,#22d3ee,#a855f7);color:#0b1120;box-shadow:0 12px 25px #22d3ee59}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:8px;color:var(--text-muted);font-size:.9rem}.auth-form input,.auth-form select,.auth-form textarea{padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#0f172a66;color:var(--text);font-size:1rem}.auth-form input:focus{outline:none;border-color:#22d3eecc;box-shadow:0 0 0 3px #22d3ee33}.auth-form select:focus,.auth-form textarea:focus{outline:none;border-color:#22d3eecc;box-shadow:0 0 0 3px #22d3ee33}.primary{margin-top:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(56,189,248,.55);background:#0ea5e92e;color:#e2e8f0;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease}.primary:hover{transform:translateY(-1px)}.auth-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--text-muted);font-size:.9rem}.payment-block{margin-top:8px;padding:16px;border-radius:16px;border:1px solid rgba(148,163,184,.25);background:#0f172a73;display:grid;gap:12px}.payment-block h4{margin:0;font-size:.95rem;color:var(--text)}.link{background:none;border:none;color:var(--accent-1);font-weight:600;cursor:pointer}.trust{padding:22px 26px;border-radius:20px;background:#0f172a80;border:1px solid rgba(148,163,184,.2)}.trust h3{margin:0 0 12px;font-family:Unbounded,sans-serif}.trust ul{margin:0;padding-left:18px;color:var(--text-muted);display:grid;gap:8px}.glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.7;animation:float 12s ease-in-out infinite;z-index:0}.glow--cyan{background:#38bdf899;top:-120px;left:-80px}.glow--pink{background:#d946ef80;bottom:-180px;right:-120px;animation-delay:2s}.grid-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,184,.2) 1px,transparent 0);background-size:28px 28px;opacity:.2;z-index:1}.form-status{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:.85rem}.form-status.success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.form-status.error{background:#f8717133;border:1px solid rgba(248,113,113,.5);color:#fecaca}.form-status.loading{background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#bfdbfe}.admin-shell{min-height:100vh;padding:40px 56px 80px;background:radial-gradient(900px 420px at 20% -10%,rgba(56,189,248,.25),transparent 60%),radial-gradient(900px 600px at 90% 10%,rgba(168,85,247,.2),transparent 60%),#060b1a;color:var(--text)}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.admin-sidebar{padding:20px;border-radius:20px;background:#0f172ab3;border:1px solid rgba(148,163,184,.2);height:fit-content}.admin-brand{display:grid;gap:4px;margin-bottom:20px;font-family:Unbounded,sans-serif}.admin-brand small{color:var(--text-muted);font-family:Space Grotesk,sans-serif}.admin-menu{display:grid;gap:8px}.admin-menu button{padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.admin-menu button.active{color:#0b1120;background:linear-gradient(120deg,#22d3ee,#a855f7);border-color:transparent}.admin-main{display:grid;gap:20px}.admin-card{max-width:420px;margin:80px auto;padding:32px;border-radius:24px;background:#0f172ab3;border:1px solid rgba(148,163,184,.25);box-shadow:0 30px 70px #0f172a80}.admin-card h2{margin:0 0 8px;font-family:Unbounded,sans-serif}.admin-card p{margin:0 0 20px;color:var(--text-muted)}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.admin-header h1{margin:0 0 6px;font-family:Unbounded,sans-serif}.admin-header p{margin:0;color:var(--text-muted)}.admin-actions select{padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172a80;color:var(--text)}.pending-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px}.pending-filters{display:flex;flex-wrap:wrap;gap:10px}.pending-filters input,.pending-filters select{padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#0f172a73;color:var(--text)}.stats-upload textarea{padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#0f172a73;color:var(--text)}.stats-upload input[type=file]{padding:10px 12px;border-radius:12px;border:1px dashed rgba(148,163,184,.4);background:#0f172a59;color:var(--text)}.csv-hints{margin-top:6px}.build-badge{position:fixed;right:12px;bottom:12px;padding:6px 10px;border-radius:8px;font-size:.7rem;color:#94a3b8;background:#0f172abf;border:1px solid rgba(148,163,184,.2);z-index:50}.user-shell{min-height:100vh;padding:40px 56px 80px;background:radial-gradient(900px 420px at 20% -10%,rgba(34,211,238,.2),transparent 60%),radial-gradient(900px 600px at 90% 10%,rgba(249,115,22,.2),transparent 60%),#060b1a;color:var(--text)}.user-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.user-sidebar{padding:20px;border-radius:20px;background:#0f172ab3;border:1px solid rgba(148,163,184,.2);height:fit-content}.user-menu{display:grid;gap:8px}.user-menu button{padding:10px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.user-menu button.active{color:#0b1120;background:linear-gradient(120deg,#22d3ee,#f97316);border-color:transparent}.user-main{display:grid;gap:20px}.user-panel{padding:24px;border-radius:24px;background:#0f172ab3;border:1px solid rgba(148,163,184,.2)}.dashboard-section{display:grid;gap:16px}.admin-tabs{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.admin-tabs button{padding:8px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text-muted);cursor:pointer}.admin-tabs button.active{color:#0b1120;background:linear-gradient(120deg,#22d3ee,#a855f7);border-color:transparent;box-shadow:0 12px 30px #22d3ee4d}.admin-panel{margin-top:24px;padding:24px;border-radius:24px;background:#0f172ab3;border:1px solid rgba(148,163,184,.2)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.overview-grid div{padding:18px;border-radius:16px;background:#0f172a99;border:1px solid rgba(148,163,184,.2)}.overview-grid h3{margin:0 0 6px;font-size:1.6rem}.overview-grid span{color:var(--text-muted)}.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:8px;color:var(--text-muted);font-size:.9rem}.admin-form input,.admin-form select{padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#0f172a66;color:var(--text)}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.span-2{grid-column:span 2}.table{margin-top:20px;display:grid;gap:10px}.table-row{display:grid;gap:12px;align-items:center;padding:12px 16px;border-radius:14px;background:#0f172a8c;border:1px solid rgba(148,163,184,.2)}.table-zones .table-row span{display:flex;align-items:center}.table-users .table-row{grid-template-columns:2fr 1fr 1fr 1fr 2fr auto}.table-zones{overflow-x:auto}.table-zones .table-row{grid-template-columns:minmax(70px,.7fr) minmax(220px,2.6fr) minmax(140px,1.3fr) minmax(120px,1.1fr) minmax(120px,1.1fr) minmax(120px,1fr) minmax(150px,1.2fr) minmax(90px,.9fr) minmax(90px,.9fr) minmax(90px,.9fr) minmax(90px,.9fr) minmax(110px,1fr) minmax(90px,.8fr) minmax(120px,1fr);column-gap:14px;font-size:.86rem}.table-zones .table-row.table-head{font-size:.72rem;letter-spacing:1.2px}.table-zones .table-row>span:nth-child(6),.table-zones .table-row>span:nth-child(7),.table-zones .table-row>span:nth-child(8),.table-zones .table-row>span:nth-child(9),.table-zones .table-row>span:nth-child(10),.table-zones .table-row>span:nth-child(11){text-align:right}.table-zones .table-row>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-card-grid{display:grid;gap:16px}.zone-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.zone-card{display:grid;gap:12px;padding:16px;border-radius:18px;background:#0f172a8c;border:1px solid rgba(148,163,184,.2);min-height:100%}.zone-card.empty{grid-column:1 / -1}.zone-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.zone-card-header h4{margin:0 0 4px;font-size:1rem}.zone-card-header span{color:var(--text-muted);font-size:.85rem}.zone-pill{padding:5px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.6px;text-transform:uppercase;border:1px solid transparent}.zone-pill.open{background:#22d3ee26;color:#67e8f9;border-color:#22d3ee59}.zone-pill.sold{background:#f43f5e26;color:#fda4af;border-color:#f43f5e59}.zone-pill.pending{background:#94a3b833;color:#e2e8f0;border-color:#94a3b84d}.zone-card-body{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.zone-card-body div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:#0f172a73;border:1px solid rgba(148,163,184,.2)}.zone-card-body span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.zone-card-body strong{font-size:.92rem}.zone-card-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:4px;gap:8px}.zone-card-actions .primary,.zone-card-actions .ghost,.zone-card-actions .danger{margin-top:0;height:32px;padding:0 14px;border-radius:10px;font-size:.9rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.zone-card-actions .ghost,.zone-card-actions .primary,.zone-card-actions .danger{min-width:88px}.modal-backdrop{position:fixed;inset:0;background:#050a18bf;display:flex;align-items:center;justify-content:center;z-index:60}.modal{width:min(520px,92vw);padding:20px;border-radius:18px;background:#0f172ae6;border:1px solid rgba(148,163,184,.3);box-shadow:0 20px 60px #0206178c;display:grid;gap:12px}.modal h4{margin:0}.zone-card-stack{display:grid;gap:12px}.newsletter-preview{margin-top:16px;padding:16px;border-radius:16px;background:#0f172a8c;border:1px solid rgba(148,163,184,.2)}.newsletter-preview>div{pointer-events:none}.schedule-list{margin-top:16px;display:grid;gap:10px}.schedule-list h4{margin:0;font-size:1rem}.schedule-item{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);font-size:.9rem}.owner-tag{display:block;margin-top:4px;font-size:.7rem;color:var(--text-muted)}.zone-editor{margin-top:8px;padding:16px;background:#0f172ab3}.table-row.table-head{text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:var(--text-muted);background:transparent;border:none;padding:0 8px 8px}.table-row input,.table-row select{padding:8px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#0f172a66;color:var(--text)}.table-row textarea{padding:8px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#0f172a66;color:var(--text);resize:vertical}.payout-editor{margin-top:8px;padding:16px;background:#0f172ab3}.payout-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:12px}.payout-grid label{display:grid;gap:6px;color:var(--text-muted);font-size:.85rem}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-actions button{white-space:nowrap;height:32px;display:inline-flex;align-items:center;justify-content:center}.inline-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);min-height:32px}.danger{background:#7f1d1d40;border:1px solid rgba(248,113,113,.45);color:#fecaca;padding:8px 12px;border-radius:10px;cursor:pointer}.admin-notice{margin-top:18px;padding:10px 12px;border-radius:12px;font-size:.9rem}.admin-notice.success{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.admin-notice.error{background:#f8717133;border:1px solid rgba(248,113,113,.5);color:#fecaca}.profile-shell{min-height:100vh;padding:40px 56px 80px;background:radial-gradient(900px 420px at 15% -10%,rgba(56,189,248,.2),transparent 60%),radial-gradient(900px 600px at 85% 10%,rgba(248,113,113,.2),transparent 60%),#060b1a;color:var(--text)}.profile-card{max-width:420px;margin:80px auto;padding:32px;border-radius:24px;background:#0f172ab3;border:1px solid rgba(148,163,184,.25);box-shadow:0 30px 70px #0f172a80}.profile-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.profile-header h1{margin:0 0 6px;font-family:Unbounded,sans-serif}.profile-header p{margin:0;color:var(--text-muted)}.settings-layout{margin-top:28px;display:grid;grid-template-columns:220px 1fr;gap:24px}.settings-menu{display:grid;gap:10px}.settings-menu button{padding:10px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.settings-menu button.active{color:#0b1120;background:linear-gradient(120deg,#22d3ee,#a855f7);border-color:transparent;box-shadow:0 12px 30px #22d3ee4d}.settings-content{padding:24px;border-radius:24px;background:#0f172ab3;border:1px solid rgba(148,163,184,.2)}.settings-panel h3{margin-top:0;font-family:Unbounded,sans-serif}.muted{color:var(--text-muted)}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-radius:16px;background:#0f172a80;border:1px solid rgba(148,163,184,.2)}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#94a3b866;transition:.2s;border-radius:999px}.switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#e2e8f0;transition:.2s;border-radius:50%}.switch input:checked+.slider{background:linear-gradient(120deg,#22d3ee,#a855f7)}.switch input:checked+.slider:before{transform:translate(22px)}.templates{display:grid;gap:12px}.template-row{display:grid;gap:12px;grid-template-columns:1fr 2fr}.template-row input{padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#0f172a66;color:var(--text)}.template-actions{display:flex;gap:12px;justify-content:flex-end}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@media(max-width:900px){.nav{flex-wrap:wrap}.nav-links{display:none}}@media(max-width:700px){.page{padding:24px}.auth-footer{flex-direction:column;gap:8px;align-items:flex-start}.admin-shell{padding:32px 24px 60px}.admin-layout{grid-template-columns:1fr}.profile-shell{padding:32px 24px 60px}.settings-layout{grid-template-columns:1fr}.user-shell{padding:32px 24px 60px}.user-layout,.table-users .table-row,.table-zones .table-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-card-actions{justify-content:flex-start}.schedule-item{grid-template-columns:1fr}}@media(max-width:720px){.zone-grid,.zone-card-body{grid-template-columns:1fr}}