:root{--navy:#031a2f;--navy2:#062642;--cyan:#06d9e8;--cyan2:#00aeca;--blue:#0b5d9b;--ink:#10263d;--muted:#6e7f91;--line:#dce7ee;--bg:#f4f8fb;--white:#fff;--danger:#b42318;--success:#087a5b;--shadow:0 18px 45px rgba(10,42,68,.09)}
*{box-sizing:border-box}html{font-family:Inter,Montserrat,Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-body{display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(165deg,#02182b 0%,#06365a 100%);color:#fff;padding:28px 22px;display:flex;flex-direction:column;z-index:30}.brand,.auth-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 8px 30px}.brand-mark{display:grid;place-items:center;min-width:58px;height:42px;border-radius:10px;background:linear-gradient(135deg,#0b5d9b,#05dce8);color:#fff;font-weight:900;letter-spacing:-2px;font-size:18px}.brand strong,.auth-brand strong{display:block;font-size:17px;line-height:1}.brand small,.auth-brand small{display:block;color:var(--cyan);font-weight:700;letter-spacing:5px;text-transform:uppercase;margin-top:6px;font-size:8px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:12px;color:#b9cbda;font-weight:650;font-size:14px}.sidebar nav a span{font-size:20px;color:var(--cyan);width:24px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:rgba(5,217,232,.13);box-shadow:inset 3px 0 var(--cyan)}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:22px 6px 0;display:flex;align-items:center;gap:10px}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:13px}.sidebar-bottom small{font-size:11px;color:#8da7bb;margin-top:3px}.user-dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#0b5d9b);border:2px solid rgba(255,255,255,.6)}.logout{margin-left:auto;color:#a8bfce;font-size:20px}.main{margin-left:260px;width:calc(100% - 260px);min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;color:var(--muted);font-size:13px;gap:14px}.secure-pill{margin-left:auto;background:#eefaf8;color:var(--success);padding:8px 11px;border-radius:999px;font-weight:700;font-size:11px}.menu-button{display:none;border:0;background:none;font-size:24px}.content{max-width:1320px;margin:auto;padding:42px 44px 70px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading h1{margin:5px 0 8px;font-size:35px;letter-spacing:-1.2px;color:var(--navy)}.page-heading p{margin:0;color:var(--muted);font-size:15px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;color:var(--cyan2)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:12px 18px;font-weight:800;font-size:13px;cursor:pointer;border:0}.primary{background:linear-gradient(135deg,var(--cyan2),#0873ac);color:#fff;box-shadow:0 9px 20px rgba(0,174,202,.2)}.primary:hover{filter:brightness(.96);transform:translateY(-1px)}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.wide{width:100%}.large{padding:15px 24px}.panel{background:#fff;border:1px solid #e0eaf0;border-radius:18px;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #e3ebf0;border-radius:17px;padding:23px;display:flex;gap:18px;box-shadow:0 12px 32px rgba(15,43,65,.06)}.stat-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:900}.stat-icon.cyan{background:#e3fbfc;color:#00aabd}.stat-icon.blue{background:#e9f2fb;color:#1768a5}.stat-icon.amber{background:#fff5df;color:#b7791f}.stat-card small,.stat-card strong,.stat-card a,.stat-card span{display:block}.stat-card small{color:var(--muted);font-size:12px}.stat-card strong{font-size:29px;margin:5px 0;color:var(--navy)}.stat-card a,.stat-card div>span{font-size:11px;color:var(--cyan2);font-weight:700}.stat-card .status-text{font-size:19px;margin-top:10px;color:#b7791f}.welcome-panel{padding:32px 34px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.welcome-panel h2{margin:6px 0 10px;font-size:25px;color:var(--navy)}.welcome-panel p{color:var(--muted);line-height:1.7;margin:0}.workflow{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow li{display:flex;align-items:center;gap:10px;position:relative}.workflow li:not(:last-child):after{content:'→';color:#a5bdcb;margin-left:10px}.workflow b{display:grid;place-items:center;background:#e5fafc;color:#009fb4;width:35px;height:35px;border-radius:50%}.workflow strong,.workflow small{display:block}.workflow strong{font-size:13px}.workflow small{font-size:10px;color:var(--muted);margin-top:4px}.restaurant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.restaurant-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;align-items:center;gap:17px;box-shadow:0 10px 30px rgba(10,42,68,.05)}.logo-box{width:80px;height:80px;border-radius:14px;background:#f3f7f9;display:grid;place-items:center;overflow:hidden;padding:9px}.logo-box img{max-width:100%;max-height:100%;object-fit:contain}.restaurant-info{flex:1}.restaurant-info h2{font-size:17px;margin:0 0 7px;color:var(--navy)}.restaurant-info>span{font-size:11px;color:var(--muted)}.swatches{display:flex;gap:6px;margin-top:11px}.swatches i{width:17px;height:17px;border-radius:50%;border:1px solid #d4dfe6;box-shadow:0 0 0 2px #fff}.empty-state{text-align:center;padding:60px 25px}.empty-state>span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e8fafc;color:var(--cyan2);font-size:32px;margin:0 auto}.empty-state h2{margin:20px 0 7px;color:var(--navy)}.empty-state p{color:var(--muted);margin:0 0 22px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.form-panel,.create-form{padding:28px}.form-panel h2{margin:0 0 23px;color:var(--navy);font-size:20px}.field-grid{display:grid;gap:18px}.field-grid.two{grid-template-columns:repeat(2,1fr)}.field-grid.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:12px;font-weight:800;color:#31475a;margin-bottom:18px}label small{font-weight:500;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #cddbe4;border-radius:10px;background:#fff;color:var(--ink);padding:13px 14px;outline:none;margin-top:8px}input:focus,select:focus,textarea:focus{border-color:var(--cyan2);box-shadow:0 0 0 3px rgba(0,174,202,.11)}textarea{resize:vertical;line-height:1.6}.color-grid label{position:relative}.color-grid input[type=color]{height:50px;padding:4px;cursor:pointer}.color-grid span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:6px}.preview-card{padding:23px;position:sticky;top:90px}.preview-card>small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:14px}.phone-preview{width:210px;height:373px;background:var(--navy);border:6px solid #09253d;border-radius:26px;margin:18px auto 0;position:relative;overflow:hidden;box-shadow:0 15px 35px rgba(4,27,48,.18)}.preview-image{position:absolute;inset:0;background:linear-gradient(160deg,#174d6f,#6ea9ad 50%,#edc180);display:grid;place-items:center;color:rgba(255,255,255,.6);font-size:11px}.preview-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,18,34,.55))}.subtitle-preview{position:absolute;left:12px;right:12px;bottom:67px;padding:9px;border-radius:7px;text-align:center;font-weight:900;font-size:13px;z-index:2}.subtitle-preview em{font-style:normal}.preview-logo{position:absolute;z-index:3;right:12px;bottom:15px;max-width:55px;max-height:38px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.back-link{font-size:12px;color:var(--cyan2);font-weight:800}.create-form{max-width:900px;margin:auto}.creation-steps{display:flex;align-items:center;justify-content:center;margin:0 auto 30px;max-width:400px}.creation-steps span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#edf2f5;color:#8496a5;font-weight:800;font-size:12px}.creation-steps span.active{background:var(--cyan2);color:#fff}.creation-steps i{height:2px;background:#e1e8ed;flex:1}.create-form label small{display:block;margin-top:7px;line-height:1.5}.counter{float:right;font-size:10px;color:var(--muted);font-weight:500;margin-top:6px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#f2f8fb;border:1px solid #dce8ee;border-radius:13px;margin:24px 0;padding:15px}.summary-strip div{padding:2px 15px;border-right:1px solid #d6e2e9}.summary-strip div:last-child{border:0}.summary-strip strong,.summary-strip span{display:block}.summary-strip strong{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--cyan2)}.summary-strip span{font-size:11px;color:var(--muted);margin-top:5px}.table-panel{padding:8px 22px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:17px 13px;border-bottom:1px solid #e7eef2;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}td strong{color:var(--navy)}tr:last-child td{border-bottom:0}.status{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.status.draft{background:#fff4dc;color:#9a650e}.muted{color:#9aabb7}.alert{max-width:100%;border-radius:11px;padding:13px 16px;margin-bottom:20px;font-size:13px;font-weight:650}.alert.success{background:#eaf9f3;color:#087a5b;border:1px solid #bde8d7}.alert.error{background:#fff0ef;color:var(--danger);border:1px solid #f3c7c3}.alert.info{background:#eef8fc;color:#126589;border:1px solid #c9e6f0}.alert a{text-decoration:underline;font-weight:800}.auth-body{background:radial-gradient(circle at 78% 15%,rgba(6,217,232,.18),transparent 26%),linear-gradient(145deg,#011426,#06385e);display:grid;place-items:center;padding:25px}.auth-body:before{content:'';position:fixed;width:420px;height:420px;border:1px solid rgba(6,217,232,.16);border-radius:50%;left:-210px;bottom:-160px}.auth-shell{width:100%;display:grid;place-items:center;min-height:calc(100vh - 50px)}.auth-card{width:min(460px,100%);background:#fff;border-radius:22px;padding:37px 42px;box-shadow:0 30px 90px rgba(0,0,0,.28);position:relative}.auth-card.compact{width:min(420px,100%)}.auth-brand{margin-bottom:30px}.auth-brand strong{color:var(--navy)}.step-chip{display:inline-flex;background:#e9fbfc;color:#008fa4;padding:7px 10px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:900}.auth-card h1{font-size:28px;color:var(--navy);margin:14px 0 7px;letter-spacing:-.7px}.auth-card>p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.stack-form label{margin-bottom:15px}.security-note{border-top:1px solid var(--line);margin:22px 0 0!important;padding-top:17px;font-size:10px!important}.auth-card .alert{margin-top:0}
.color-control{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center;margin-top:8px}.color-control input{margin-top:0}.color-control input[type=color]{height:50px;padding:4px;cursor:pointer}.color-control .hex-input{height:50px;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.3px}
@media(max-width:1050px){.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article:last-child{grid-column:1/-1}.welcome-panel{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.preview-card{position:static}.restaurant-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 20px}.menu-button{display:block}.content{padding:28px 20px 50px}.page-heading{display:block}.page-heading .primary{margin-top:18px}.page-heading h1{font-size:29px}.stats-grid{grid-template-columns:1fr}.stats-grid article:last-child{grid-column:auto}.workflow{align-items:flex-start;flex-direction:column}.workflow li:not(:last-child):after{content:'↓';position:absolute;left:12px;top:40px}.field-grid.two,.field-grid.three,.summary-strip{grid-template-columns:1fr}.summary-strip div{border-right:0;border-bottom:1px solid #d6e2e9;padding:10px}.restaurant-card{align-items:flex-start;flex-wrap:wrap}.restaurant-card .secondary{width:100%}.auth-card{padding:30px 24px}.secure-pill{display:none}}