:root{--bg:#f3ede3;--surface:#fffdf8;--ink:#2c2a25;--muted:#746f66;--line:#ded5c7;--accent:#6659d3;--accent2:#e4774f;--green:#3c8c68;--danger:#ae4138;--shadow:0 18px 48px rgba(64,50,31,.12);--radius:2px;--ease:cubic-bezier(.25,.75,.25,1)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(107,87,59,.04) 1px,transparent 1px) 0 0/32px 32px,var(--bg);color:var(--ink);font:15px/1.55 Georgia,'Times New Roman',serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #cfc4b4;background:rgba(243,237,227,.92);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 21px Arial,sans-serif;text-decoration:none;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;border:1px solid var(--ink);display:grid;place-items:center;background:var(--accent);color:#fff;transform:rotate(-3deg)}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--ink);font-family:Arial,sans-serif}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700}.journey-progress{max-width:800px;margin:26px auto 0;display:flex;align-items:center;justify-content:center;padding:0 20px;color:#948c80;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}.journey-step{display:flex;align-items:center;gap:8px;white-space:nowrap}.journey-step b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #bfb3a2;background:var(--surface)}.journey-step.is-done{color:var(--ink)}.journey-step.is-done b{background:var(--ink);border-color:var(--ink);color:#fff}.journey-progress i{height:1px;width:90px;background:#bfb3a2;margin:0 12px}.stage{padding:28px 4vw 60px}.screen-card{max-width:1140px;min-height:640px;margin:0 auto;border:1px solid #cfc4b4;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;opacity:0;clip-path:inset(0 0 0 8%);transition:opacity .36s var(--ease),clip-path .46s var(--ease)}.screen-card.is-visible{opacity:1;clip-path:inset(0)}.is-compact .screen-card{max-width:1020px}.auth-layout,.form-flow{display:grid;grid-template-columns:1.05fr .95fr;min-height:640px}.auth-intro,.flow-copy{padding:70px 62px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fffdf8,#eee5d8);position:relative}.auth-intro:before,.flow-copy:before{content:'ANGGELL / SETUP';position:absolute;left:62px;bottom:28px;font:800 10px Arial,sans-serif;letter-spacing:.17em;color:#aaa092}.auth-intro h1,.flow-copy h1,.decision-layout h1,.centered-flow h1,.empty-workspace h1,.completion h1{font-size:50px;line-height:.98;letter-spacing:-.045em;margin:15px 0 20px;font-weight:500}.auth-intro>p,.flow-copy>p,.decision-layout>div>p,.centered-flow>p,.empty-workspace>p,.completion>p{color:var(--muted);font-size:17px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font:800 10px Arial,sans-serif;color:var(--accent)}.promise{display:flex;gap:13px;margin-top:42px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promise span{font-family:Arial,sans-serif;color:var(--green);font-weight:900}.promise p{margin:0}.form-panel{padding:54px;display:flex;flex-direction:column;justify-content:center;gap:17px;background:var(--surface)}label{display:grid;gap:7px;font:700 13px Arial,sans-serif}input,select{width:100%;height:48px;border:0;border-bottom:1px solid #9e9486;border-radius:0;padding:0 4px;background:transparent;color:var(--ink);outline:none}input:focus,select:focus{border-bottom:2px solid var(--accent)}.check{display:flex;align-items:flex-start;gap:10px;font:400 13px Arial,sans-serif;color:var(--muted)}.check input{width:18px;height:18px;margin-top:1px}.button{min-height:47px;border:1px solid var(--ink);border-radius:0;padding:0 20px;font:800 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button.ghost{background:transparent;color:var(--ink)}.button.wide{width:100%}.link,.back-link{border:0;border-bottom:1px solid currentColor;background:none;color:var(--accent);padding:0;font:750 13px Arial,sans-serif}.form-foot{text-align:center;color:var(--muted);font:400 13px Arial,sans-serif}.form-error{padding:10px;border-left:3px solid var(--danger);background:#fff1ed;color:var(--danger);font-family:Arial,sans-serif}.centered-flow{max-width:600px;margin:0 auto;padding:66px 48px;text-align:center}.centered-flow .back-link{display:block;margin-bottom:28px;text-align:left}.mail-icon{width:78px;height:58px;margin:0 auto 24px;border:1px solid var(--ink);display:grid;place-items:center;font-size:29px;transform:rotate(-2deg);background:#eee8ff;color:var(--accent)}.verify-form{display:grid;gap:17px;margin:31px auto 16px;max-width:390px;text-align:left}.verify-form input{text-align:center;font-size:24px;letter-spacing:.31em}.inline-actions{display:flex;justify-content:center;gap:24px;margin-top:23px}.decision-layout{padding:58px}.decision-layout>div:first-child{max-width:760px;margin-bottom:38px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ink)}.choice-card{min-height:260px;text-align:left;border:0;background:#fffdf8;padding:28px;display:flex;flex-direction:column;gap:13px;color:var(--ink);transition:.2s}.choice-card+ .choice-card{border-left:1px solid var(--ink)}.choice-card:hover{background:#eee8ff}.choice-card.is-primary{background:#f0ecff}.choice-icon{width:46px;height:46px;border:1px solid var(--ink);display:grid;place-items:center;background:#fff;color:var(--accent);font:400 23px Arial,sans-serif}.choice-card strong{font-size:23px;font-weight:500}.choice-card small{color:var(--muted);font:400 14px Arial,sans-serif}.choice-card em{font-style:normal;color:var(--accent);font:800 13px Arial,sans-serif;margin-top:auto;text-transform:uppercase}.quiet-list{list-style:none;padding:0;margin:35px 0;display:grid;gap:11px}.quiet-list li{padding-bottom:9px;border-bottom:1px solid var(--line)}.quiet-list li:before{content:'◆';color:var(--accent2);margin-right:10px;font-size:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty-workspace{text-align:center;padding:72px 35px;display:flex;flex-direction:column;align-items:center}.empty-illustration{width:210px;height:130px;position:relative;margin:10px 0 32px}.empty-illustration span{position:absolute;inset:12px 42px;border:1px solid var(--ink);background:#eee8ff;display:grid;place-items:center;font-size:48px;color:var(--accent)}.empty-illustration i{position:absolute;inset:24px 27px 0;border:1px solid #a89e90;transform:rotate(5deg);z-index:-1}.empty-illustration b{position:absolute;right:23px;top:-2px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--accent2);color:#fff;font:400 24px Arial,sans-serif}.support-link{margin-top:19px}.restaurant-workspace{padding:36px}.restaurant-head{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--ink)}.restaurant-head h1{font-size:34px;line-height:1.05;margin:3px 0;font-weight:500}.restaurant-head p{margin:0;color:var(--muted);font-family:Arial,sans-serif;font-size:13px}.restaurant-symbol{width:60px;height:60px;border:1px solid var(--ink);display:grid;place-items:center;background:#eee8ff;font-size:28px;color:var(--accent)}.restaurant-state{padding:7px 10px;border:1px solid var(--ink);font:800 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.workspace-intro{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end;padding:35px 0 23px}.workspace-intro h2,.embedded-panel h2{font-size:38px;line-height:1.05;letter-spacing:-.035em;margin:6px 0;font-weight:500}.workspace-intro p,.embedded-panel>p{color:var(--muted);margin:0}.process-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.process-card{min-height:220px;border:0;background:#fffdf8;padding:25px;text-align:left;display:flex;flex-direction:column;color:var(--ink);transition:.2s}.process-card+ .process-card{border-left:1px solid var(--ink)}.process-card:hover{background:#f5f0e8}.integration-card:before,.license-card:before{content:'';display:block;width:42px;height:5px;margin-bottom:14px;background:var(--accent2)}.license-card:before{background:var(--accent)}.process-kicker{font:800 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.process-card strong{font-size:24px;font-weight:500;margin:17px 0 8px}.process-card small{color:var(--muted);font-family:Arial,sans-serif}.process-action{margin-top:auto;color:var(--accent);font:850 12px Arial,sans-serif;text-transform:uppercase}.help-row{display:flex;justify-content:space-between;gap:16px;margin-top:18px;color:var(--muted);font:400 13px Arial,sans-serif}.result-banner{margin-top:18px;padding:21px;border:1px solid var(--ink);background:#e6f3ec;display:flex;justify-content:space-between;align-items:center;gap:20px}.result-banner div{display:grid;gap:3px}.result-banner strong{font-size:22px;font-weight:500}.result-banner small{color:var(--muted);font-family:Arial,sans-serif}.restaurant-workspace>.back-link{display:inline-block;margin:23px 0}.embedded-panel{max-width:850px;margin:0 auto;padding:12px 0 30px}.pos-form{display:grid;gap:17px;margin-top:30px}.security-note,.help-box{padding:14px 16px;border-left:3px solid var(--accent);background:#eee8ff;color:#514b61;font-family:Arial,sans-serif}.help-button{justify-self:start}.help-box p{margin:4px 0 12px}.status-list{list-style:none;padding:0;margin:32px 0;display:grid;gap:0}.status-list li{display:grid;grid-template-columns:45px 1fr;gap:13px;position:relative;padding-bottom:23px;color:#9e968b}.status-list li:after{content:'';position:absolute;left:20px;top:42px;bottom:0;width:1px;background:#bfb5a7}.status-list li:last-child:after{display:none}.status-list li>span{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;border:1px solid #bfb5a7;background:#fffdf8;font:800 12px Arial,sans-serif}.status-list li div{display:grid}.status-list li small{color:var(--muted);font:400 12px Arial,sans-serif}.status-list li.done,.status-list li.active{color:var(--ink)}.status-list li.done>span{background:var(--green);border-color:var(--green);color:#fff}.status-list li.active>span{background:var(--accent2);border-color:var(--accent2);color:#fff}.panel-actions{display:flex;justify-content:space-between;gap:12px}.license-facts,.completion-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);margin:29px 0}.license-facts div,.completion-facts div{padding:17px;display:grid}.license-facts div+div,.completion-facts div+div{border-left:1px solid var(--ink)}.license-facts small,.completion-facts small{color:var(--muted);font:400 12px Arial,sans-serif}.payment-options{display:grid;gap:0;border:1px solid var(--ink)}.payment-option{display:flex;align-items:center;gap:12px;padding:16px}.payment-option+ .payment-option{border-top:1px solid var(--ink)}.payment-option input{width:18px;height:18px}.payment-option span{display:grid}.payment-option small{color:var(--muted);font:400 12px Arial,sans-serif}.payment-option.is-disabled{opacity:.45}.payment-options .button{margin:16px}.invoice-box,.success-box{display:flex;gap:16px;align-items:center;padding:21px;border:1px solid var(--ink);background:#f0ecff;margin:28px 0}.invoice-icon,.success-box>span{width:50px;height:50px;border:1px solid var(--ink);display:grid;place-items:center;background:#fff;color:var(--accent);font:400 23px Arial,sans-serif}.invoice-box p,.success-box p{margin:4px 0;color:var(--muted);font-family:Arial,sans-serif}.completion{text-align:center;padding:72px 44px;display:flex;flex-direction:column;align-items:center}.success-orbit{width:120px;height:120px;border:1px solid var(--ink);display:grid;place-items:center;background:#e6f3ec;transform:rotate(3deg);margin-bottom:25px}.success-orbit span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font:400 27px Arial,sans-serif;transform:rotate(-3deg)}.completion-facts{width:min(720px,100%)}.completion .button{margin:14px 0}.toast{position:fixed;right:24px;bottom:24px;padding:12px 18px;border:1px solid #fff;background:var(--ink);color:#fff;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none;z-index:30;font-family:Arial,sans-serif}.toast.show{opacity:1;transform:none}
@media(max-width:820px){.auth-layout,.form-flow,.workspace-intro,.process-grid{grid-template-columns:1fr}.auth-intro,.flow-copy,.form-panel{padding:36px}.choice-grid{grid-template-columns:1fr}.choice-card+ .choice-card,.process-card+ .process-card{border-left:0;border-top:1px solid var(--ink)}.decision-layout{padding:36px}.restaurant-workspace{padding:21px}.restaurant-head{grid-template-columns:auto 1fr}.restaurant-state{grid-column:2}.journey-step{font-size:0}.journey-step b{font-size:11px}.journey-progress i{width:30px}.field-row{grid-template-columns:1fr}.license-facts,.completion-facts{grid-template-columns:1fr}.license-facts div+div,.completion-facts div+div{border-left:0;border-top:1px solid var(--ink)}.help-row,.result-banner,.panel-actions{align-items:stretch;flex-direction:column}.stage{padding:16px}.screen-card{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.screen-code{position:fixed;right:16px;bottom:12px;z-index:30;border:1px solid rgba(42,41,35,.28);border-radius:0;padding:5px 9px;background:rgba(249,244,235,.86);color:rgba(42,41,35,.62);box-shadow:3px 3px 0 rgba(42,41,35,.08);font:700 10px/1.1 Arial,sans-serif;letter-spacing:.08em;cursor:copy;backdrop-filter:blur(8px);transition:opacity .16s ease,color .16s ease}.screen-code span{margin-right:4px;font-weight:500;opacity:.66;text-transform:uppercase}.screen-code:hover,.screen-code:focus-visible{color:#2a2923;opacity:1}
.toast{bottom:50px}