:root{font-family:Inter,ui-sans-serif,system-ui;color:#e2e8f0;background:#020617;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#24103d 0,transparent 30%),#020617;min-height:100vh}button,input,select{font:inherit}button,a{transition:.2s}.container{max-width:1160px;margin:auto;padding:32px 20px}.top{height:72px;position:sticky;top:0;z-index:20;border-bottom:1px solid #1e293b;background:#0f172acc;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1120px)/2))}.brand{font-size:22px;font-weight:900;color:#c084fc;text-decoration:none}.email{color:#94a3b8;margin:0 15px}.plan{padding:7px 12px;background:#1e293b;border-radius:99px;font-size:12px}.plan.pro{color:#fbbf24;border:1px solid #f59e0b55}.inline{display:inline}.ghost,.danger{background:transparent;border:1px solid #334155;color:#cbd5e1;border-radius:10px;padding:8px 12px;cursor:pointer}.danger{color:#f87171}.primary{width:100%;border:0;border-radius:14px;padding:13px 18px;color:white;font-weight:800;background:linear-gradient(90deg,#9333ea,#db2777);cursor:pointer}.primary.auto{width:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 28px}.heading h1{font-size:32px;margin:0}.heading p,.heading span{color:#94a3b8}.heading.small{margin:0 0 15px}.auth-wrap{min-height:80vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.hero h1{font-size:56px;line-height:1.05}.hero h1 span{color:#c084fc}.hero p{font-size:18px;color:#94a3b8}.logo{font-size:60px;color:#d946ef}.auth-card,.panel,dialog{background:#0f172a;border:1px solid #263449;border-radius:25px;padding:28px;box-shadow:0 30px 80px #0008}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{flex:1;background:#1e293b;border:0;padding:10px;border-radius:10px;color:white}.hidden{display:none}label{display:block;color:#cbd5e1;font-size:13px;margin:13px 0}input,select{width:100%;margin-top:7px;background:#020617;border:1px solid #334155;border-radius:11px;padding:12px;color:white}.alert,.usage{padding:14px 18px;border-radius:14px;margin-bottom:20px}.alert.ok{background:#064e3b66;border:1px solid #10b98155}.alert.error{background:#7f1d1d66;border:1px solid #ef444455}.usage{background:#0f172a;border:1px solid #334155;display:flex;gap:20px;align-items:center}.usage span{color:#94a3b8;flex:1}.usage button{color:#fbbf24;background:none;border:0;cursor:pointer}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.event-card{background:#0f172a;border:1px solid #1e293b;border-radius:24px;overflow:hidden}.event-card>img{width:100%;height:145px;object-fit:cover}.pad{padding:20px}.pad small{color:#94a3b8}.pad h2{min-height:52px}.actions{display:grid;gap:8px}.actions a,.view-buttons a{padding:10px;border-radius:10px;background:#1e293b;color:white;text-decoration:none;text-align:center;font-size:13px}.actions .private,.view-buttons .private{color:#fcd34d;background:#78350f44}.actions .public,.view-buttons .public{color:#6ee7b7;background:#064e3b66}.actions form button{width:100%}.empty{grid-column:1/-1;text-align:center;padding:70px;color:#94a3b8}dialog{width:min(900px,94vw);max-height:92vh;overflow:auto;color:#e2e8f0}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}dialog form{margin:0}.modal-head{display:flex;justify-content:space-between}.modal-head button{background:none;border:0;color:white;font-size:25px}.create-grid,.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{margin:0}.choice input,.swatches input,.covers input{position:absolute;opacity:0}.choice span{display:block;padding:9px 12px;border:1px solid #334155;border-radius:10px}.choice input:checked+span{border-color:#a855f7;background:#581c8766}.swatches{display:flex;gap:10px}.swatches label{position:relative;margin:0}.swatches i{display:block;width:34px;height:34px;background:var(--c);border-radius:50%;border:3px solid #fff3}.swatches input:checked~i{outline:3px solid #a855f7}.swatches b,.covers b{position:absolute;top:-6px;right:-5px;color:#fbbf24}.covers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.covers label{position:relative;margin:0}.covers img{width:100%;height:62px;object-fit:cover;border-radius:9px}.covers input:checked+img{outline:3px solid #a855f7}.live-preview{background:#020617;border:8px solid #1e293b;border-radius:30px;overflow:hidden;align-self:start;position:sticky;top:0}.live-preview #preview-cover{height:210px;background-size:cover;background-position:center;padding:120px 20px 20px;border-bottom:3px solid var(--color)}.live-preview h2{margin:0}.fake{padding:20px}.fake h3{color:var(--color)}.price{font-size:35px;font-weight:900;text-align:center;margin:25px}.price small{font-size:13px;color:#94a3b8}.view-buttons{display:flex;gap:10px;margin-bottom:25px}.manage-grid{align-items:start}.panel h2{margin-top:0}.row-form{display:flex;gap:8px}.row-form input{margin:0}.row-form button,.item-form button{background:#7c3aed;color:white;border:0;border-radius:10px}.category{margin-top:20px;border-top:1px solid #334155;padding-top:15px}.category-head,.menu-item{display:flex;justify-content:space-between;align-items:start}.menu-item{background:#020617;padding:12px;margin:8px 0;border-radius:11px}.menu-item p{color:#94a3b8;margin:4px 0}.menu-item small{color:#fbbf24}.item-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.item-form input{margin:0}.check{display:flex;gap:5px;align-items:center}.check input{width:auto;margin:0}.back{color:#c084fc;text-decoration:none}
.menu-page{--menu-bg:#020617;background:var(--menu-bg)}.digital-menu{width:min(100%,440px);margin:auto;min-height:100vh;background:var(--menu-bg);position:relative;box-shadow:0 0 80px #000}.preview-banner{position:sticky;top:0;z-index:3;text-align:center;background:#f59e0b;color:#111827;padding:8px;font-size:11px;font-weight:bold}.menu-cover{height:260px;background-size:cover;background-position:center;padding:20px;text-align:right}.menu-cover span{background:#020617bb;padding:7px 12px;border-radius:99px}.menu-title{margin:-50px 20px 0;position:relative;background:#0f172aee;border:1px solid #334155;border-radius:25px;padding:25px;text-align:center}.menu-title h1{margin:0;font-size:26px}.menu-title p{color:#94a3b8}.menu-content{padding:35px 20px 70px}.guest-category{margin-bottom:30px}.guest-category h2{display:flex;align-items:center;gap:10px;font-size:18px}.guest-category h2 i{width:8px;height:8px;background:var(--accent);border-radius:50%}.guest-category article{background:#0f172acc;border:1px solid #1e293b;border-radius:17px;padding:15px;margin:10px 0}.guest-category article small{float:right;color:#fbbf24}.guest-category article p{color:#94a3b8;font-size:13px}.allergen{border:1px solid #334155;padding:15px;border-radius:15px;color:#94a3b8}.allergen p{font-size:12px}.digital-menu footer{text-align:center;padding:22px;border-top:1px solid #1e293b;color:#64748b}.digital-menu footer b{color:var(--accent)}.watermark{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:4;background:#000c;border:1px solid #ffffff22;border-radius:99px;padding:9px 15px;font-size:10px;white-space:nowrap}.watermark b{color:var(--accent)}.theme-wedding .menu-title h1,.theme-graduation .menu-title h1{font-family:Georgia,serif;font-style:italic}.theme-birthday{--menu-bg:#0f0a1e}.theme-party{--menu-bg:#000}.theme-kids{--menu-bg:#0d1b2a}.theme-wedding{--menu-bg:#1a1210}
@media(max-width:800px){.auth-wrap,.create-grid,.manage-grid{grid-template-columns:1fr}.hero{display:none}.event-grid{grid-template-columns:1fr}.email{display:none}.heading h1{font-size:26px}.live-preview{position:static}.item-form{grid-template-columns:1fr}.usage{align-items:start;flex-direction:column}.top{padding:0 15px}}

/* Refined application UI */
body{background:radial-gradient(ellipse 70% 45% at 15% -10%,#6d28d922,transparent),radial-gradient(ellipse 55% 40% at 100% 0,#be185d16,transparent),#050816}.top{height:76px;border-color:#ffffff0c;background:#080d1ddd;box-shadow:0 8px 40px #0003}.brand{display:flex;align-items:center;gap:8px;letter-spacing:-.5px;background:linear-gradient(90deg,#d8b4fe,#f9a8d4);background-clip:text;color:transparent}.container{padding-top:42px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:#a78bfa}.dashboard-hero{display:flex;align-items:end;justify-content:space-between;margin:8px 0 34px}.dashboard-hero h1{font-size:42px;letter-spacing:-1.8px;margin:8px 0 7px}.dashboard-hero h1 em{font-style:normal;background:linear-gradient(90deg,#c084fc,#f472b6);background-clip:text;color:transparent}.dashboard-hero p,.section-title p,.modal-head p,.option-head p{color:#7f8da5;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 14px;color:#e8edf7;text-decoration:none;font-size:13px;font-weight:750;cursor:pointer;line-height:1.2}.btn-lg{padding:14px 20px;border-radius:14px}.btn-primary{background:linear-gradient(110deg,#7c3aed,#c026d3 55%,#db2777);box-shadow:0 12px 28px #9333ea33}.btn-primary:hover{filter:brightness(1.13);transform:translateY(-1px);box-shadow:0 15px 35px #9333ea55}.btn-secondary{background:#151d30;border-color:#29344a}.btn-secondary:hover{background:#1d2840;border-color:#475569}.btn-gold{background:linear-gradient(110deg,#d97706,#f59e0b);color:#1c1203;box-shadow:0 10px 25px #f59e0b25}.btn-gold:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-private{color:#fde68a!important;background:#f59e0b0f!important;border-color:#f59e0b30!important}.btn-public{color:#6ee7b7!important;background:#10b9810f!important;border-color:#10b98130!important}.btn-icon{width:42px;padding:10px}.full{width:100%}.usage{position:relative;gap:14px;padding:16px 18px;border-color:#8b5cf633;background:linear-gradient(100deg,#1e1b4b55,#11182799);overflow:hidden}.usage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8b5cf60b,transparent);pointer-events:none}.usage-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#7c3aed22;color:#c4b5fd}.usage>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.usage-progress{height:5px!important;max-width:170px;flex:1;border-radius:9px;background:#252e42;overflow:hidden}.usage-progress i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.section-title{display:flex;justify-content:space-between;margin:35px 0 16px}.section-title h2{font-size:19px;margin:0 0 4px}.section-title p{font-size:12px}.event-grid{gap:25px}.event-card{border-color:#ffffff0e;background:linear-gradient(160deg,#10182a,#0a1020);box-shadow:0 18px 50px #0003;transition:.3s}.event-card:hover{transform:translateY(-5px);border-color:#8b5cf644;box-shadow:0 24px 65px #0006}.event-image{height:170px;position:relative;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.event-card:hover .event-image img{transform:scale(1.045)}.event-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0c1324 0,transparent 75%)}.event-image .status{position:absolute;top:14px;left:14px;padding:6px 9px;border:1px solid #ffffff18;border-radius:99px;background:#020617bb;backdrop-filter:blur(8px);font-size:9px;font-weight:800;letter-spacing:.6px;color:#cbd5e1}.event-image .status.published{color:#6ee7b7;border-color:#10b98133}.event-image>i{position:absolute;right:15px;bottom:12px;width:13px;height:13px;border-radius:50%;background:var(--event-color);box-shadow:0 0 0 4px #fff2,0 0 18px var(--event-color)}.pad{padding:21px}.pad small{font-size:9px;letter-spacing:1px;color:#748198}.pad h2{min-height:0;margin:8px 0 18px;font-size:20px;letter-spacing:-.35px}.actions{gap:9px}.action-row{display:grid;grid-template-columns:1fr auto;gap:9px}.action-row form{display:flex}.empty{border:1px dashed #334155;border-radius:25px;background:#0f172a66;padding:70px 25px}.empty-icon{margin:auto;width:60px;height:60px;display:grid;place-items:center;border-radius:20px;background:#7c3aed22;color:#c4b5fd;font-size:28px}.empty p{max-width:470px;margin:8px auto 22px}.empty .btn{width:auto}dialog{padding:0;border-color:#ffffff16;background:linear-gradient(145deg,#111a2d,#080d1b);box-shadow:0 40px 120px #000c}.modal-head{padding:25px 28px;border-bottom:1px solid #ffffff0d}.modal-head>div h2{margin:5px 0 5px;font-size:25px}.close-btn{width:38px;height:38px;border-radius:12px!important;background:#ffffff08!important;border:1px solid #ffffff0d!important}.create-grid{padding:26px 28px;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:34px}.form-scroll{min-width:0}.field-row{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.option-head{margin:25px 0 11px}.option-head h3{margin:0 0 3px;font-size:14px}.option-head p{font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.template-choice{position:relative;margin:0;display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px;padding:8px;border:1px solid #29344a;border-radius:13px;background:#0a1020;cursor:pointer;overflow:hidden}.template-choice img{width:60px;height:48px;object-fit:cover;border-radius:8px}.template-choice span{display:flex;flex-direction:column;gap:3px;min-width:0}.template-choice b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-choice small{font-size:8px;color:#8b98ac}.template-choice input{position:absolute;opacity:0}.template-choice:has(input:checked){border-color:#a855f7;background:#581c8722;box-shadow:0 0 0 2px #a855f722}.template-choice.blank{min-height:66px;grid-template-columns:1fr;padding-left:16px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-choice{position:relative;margin:0;padding:7px;border:1px solid #29344a;border-radius:12px;background:#090f1d;cursor:pointer}.theme-choice input{position:absolute;opacity:0}.theme-choice b{display:block;margin-top:6px;font-size:9px;text-align:center}.theme-choice:has(input:checked){border-color:#a855f7;box-shadow:0 0 0 2px #a855f722}.theme-visual{display:block;height:40px;border-radius:8px;padding:8px;background:#111827}.theme-visual i{display:block;height:3px;margin-bottom:4px;border-radius:3px;background:#64748b}.theme-visual i:nth-child(1){width:50%;height:5px}.theme-visual i:nth-child(2){width:85%;opacity:.55}.theme-visual i:nth-child(3){width:65%;opacity:.35}.theme-sample-wedding .theme-visual{background:#2b171b}.theme-sample-wedding i{background:#fb7185}.theme-sample-corporate .theme-visual{background:#0c1b2b}.theme-sample-corporate i{background:#38bdf8}.theme-sample-birthday .theme-visual{background:#21123d}.theme-sample-birthday i{background:#a78bfa}.theme-sample-party .theme-visual{background:#050505}.theme-sample-party i{background:#f472b6}.theme-sample-kids .theme-visual{background:#0c2633}.theme-sample-kids i{background:#22d3ee}.theme-sample-graduation .theme-visual{background:#241c09}.theme-sample-graduation i{background:#fbbf24}.swatches{flex-wrap:wrap}.swatches i{width:37px;height:37px;box-shadow:inset 0 0 0 1px #fff2}.covers{grid-template-columns:repeat(4,1fr)}.covers img{height:68px;filter:saturate(.85);transition:.2s}.covers label:hover img{filter:saturate(1.15);transform:scale(1.02)}.preview-column{align-self:start;position:sticky;top:10px}.preview-label{display:block;text-align:center;margin-bottom:9px;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#69768a}.live-preview{position:relative;border:7px solid #202a3d;box-shadow:0 25px 60px #0008;border-radius:29px;transition:.3s}.live-preview #preview-cover{position:relative}.mini-brand{position:absolute;top:12px;right:12px;font-size:8px;background:#020617aa;padding:5px 8px;border-radius:99px}.fake h3{font-size:12px;color:var(--preview-accent,#8b5cf6);border-bottom:1px solid #ffffff12;padding-bottom:7px}.fake article{padding:9px 10px;border:1px solid #ffffff0c;border-radius:10px;background:#ffffff05;margin:7px 0}.fake article b,.fake article small{display:block}.fake article b{font-size:10px}.fake article small{font-size:8px;color:#748198;margin-top:3px}.theme-preview-wedding{background:#1a1210}.theme-preview-wedding h2,.theme-preview-graduation h2{font-family:Georgia,serif;font-style:italic}.theme-preview-corporate{background:#07111f}.theme-preview-birthday{background:#150b29}.theme-preview-party{background:#030303}.theme-preview-kids{background:#071c29}.theme-preview-graduation{background:#151106}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid #ffffff0d;background:#050a14aa}.upgrade-modal{width:min(470px,94vw)}.upgrade-modal .modal-head{text-align:left}.crown-big{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f59e0b18;color:#fbbf24;font-size:23px}.benefits{padding:22px 28px;display:grid;gap:12px}.benefits>div{display:flex;gap:12px;align-items:center;color:#34d399}.benefits span{display:flex;flex-direction:column;color:#e5e7eb}.benefits small{color:#7f8da5;font-size:10px;margin-top:2px}.upgrade-modal .price{display:flex;flex-direction:column;margin:5px 28px 22px;padding:18px;border:1px solid #f59e0b22;border-radius:16px;background:#f59e0b09}.price>small{letter-spacing:1.5px;color:#fbbf24}.price em{font-style:normal;font-size:11px;color:#8b98ac}.upgrade-modal .full{width:calc(100% - 56px);margin:0 28px}.secure{text-align:center;font-size:9px;color:#637086;margin:12px 0 23px}
@media(max-width:800px){.dashboard-hero{align-items:start;flex-direction:column;gap:20px}.dashboard-hero h1{font-size:34px}.usage-progress{max-width:none;width:100%}.create-grid{grid-template-columns:1fr;padding:20px}.preview-column{position:static}.field-row{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(3,1fr)}.template-grid{grid-template-columns:1fr}.covers{grid-template-columns:repeat(3,1fr)}.modal-footer{position:sticky;bottom:0}.event-image{height:190px}}

/* Button states and richer public-menu themes */
.primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 14px 32px #9333ea44}.ghost:hover{border-color:#64748b;background:#ffffff08;color:#fff}.danger:hover{border-color:#ef444466;background:#7f1d1d33;color:#fca5a5}.row-form button,.item-form button{padding:10px 14px;font-weight:750;cursor:pointer}.row-form button:hover,.item-form button:hover{background:#8b5cf6}.view-buttons a:hover{filter:brightness(1.18);transform:translateY(-1px)}summary{color:#a78bfa;font-size:11px;cursor:pointer;padding:7px 0}
.theme-corporate .menu-title h1,.theme-corporate .guest-category h2{text-transform:uppercase;letter-spacing:1.5px}.theme-corporate .guest-category article{border-left:3px solid var(--accent);border-radius:5px}.theme-birthday .guest-category article{background:linear-gradient(120deg,#22133d,#17102b);border-color:#a78bfa22}.theme-birthday .menu-title{border-radius:32px}.theme-party .menu-title{border-color:var(--accent);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 30%,transparent)}.theme-party .guest-category h2{text-transform:uppercase;letter-spacing:2px}.theme-party .guest-category article{border-color:color-mix(in srgb,var(--accent) 30%,#27272a);box-shadow:inset 3px 0 var(--accent)}.theme-kids .menu-title,.theme-kids .guest-category article{border-radius:28px}.theme-kids .guest-category article{background:linear-gradient(135deg,#143247,#102536)}.theme-graduation .menu-title,.theme-graduation .guest-category article{border-color:#f59e0b33}.theme-graduation .guest-category h2{font-family:Georgia,serif;letter-spacing:1px}.theme-wedding .guest-category article{background:#261a17aa;border-color:#fb718522}.theme-wedding .guest-category h2{font-family:Georgia,serif;font-style:italic}.theme-simple .guest-category article{border-left:3px solid var(--accent);border-radius:10px}