@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:#0d0d14;color:#e8e6f0;-webkit-font-smoothing:antialiased;min-height:100vh}:root{--bg: #0a0a0f;--bg2: #111118;--border: rgba(255,255,255,.07);--orange: #ff6b35;--amber: #f7931e;--text: #f0ede8;--muted: rgba(240,237,232,.45);--card-bg: rgba(255,255,255,.04)}.landing{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.grain{pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}.lnav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 60px;border-bottom:1px solid var(--border);background:#0a0a0fd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lnav-logo{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:9px;color:var(--text)}.lnav-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 8px var(--orange)}50%{box-shadow:0 0 20px var(--orange)}}.lnav-cta{background:transparent;border:1.5px solid var(--border);color:var(--text);padding:9px 22px;border-radius:50px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .2s,background .2s,color .2s}.lnav-cta:hover{border-color:var(--orange);background:var(--orange);color:#fff}.hero{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:100px 60px 80px}.hero-badge{display:inline-block;background:#ff6b351f;border:1px solid rgba(255,107,53,.3);color:var(--orange);padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:28px;animation:fadeUp .6s ease both}.hero-title{font-family:Syne,sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.05;letter-spacing:-2px;margin:0 0 24px;color:var(--text);animation:fadeUp .6s .1s ease both}.hero-accent{background:linear-gradient(90deg,var(--orange),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.1rem;color:var(--muted);max-width:540px;line-height:1.7;margin-bottom:40px;animation:fadeUp .6s .2s ease both}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;animation:fadeUp .6s .3s ease both}.btn-hero-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--orange),var(--amber));color:#fff;border:none;padding:15px 32px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #ff6b354d}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #ff6b3573}.btn-arrow{transition:transform .2s}.btn-hero-primary:hover .btn-arrow{transform:translate(4px)}.hero-note{font-size:.82rem;color:var(--muted);font-weight:500}.hero-cards{position:relative;margin-top:70px;height:200px;animation:fadeUp .7s .4s ease both}.mock-card{position:absolute;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:16px 20px;width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s}.mc1{top:0;left:0;transform:rotate(-3deg)}.mc2{top:20px;left:220px;transform:rotate(1.5deg)}.mc3{top:-10px;left:440px;transform:rotate(-1deg)}.mc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mc-id{font-size:.72rem;font-family:Courier New,monospace;color:var(--muted)}.mc-pill{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:20px}.mc-pill.unpaid{background:#f7931e2e;color:var(--amber)}.mc-pill.paid{background:#22c55e26;color:#4ade80}.mc-pill.done{background:#6366f12e;color:#a5b4fc}.mc-name{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:5px}.mc-meta{font-size:.75rem;color:var(--muted)}.mock-assign{position:absolute;top:140px;left:60px;background:linear-gradient(135deg,#ff6b352e,#f7931e1a);border:1px solid rgba(255,107,53,.3);border-radius:50px;padding:10px 22px;display:flex;align-items:center;gap:10px;font-size:.82rem}.ma-label{color:var(--orange);font-weight:700}.ma-val{color:var(--text);font-weight:500}.stats-strip{position:relative;z-index:1;display:flex;justify-content:center;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:40px 0 0}.stat-item{flex:1;max-width:220px;padding:36px 20px;text-align:center;border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.stat-value{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;background:linear-gradient(90deg,var(--orange),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.stat-label{font-size:.78rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.8px}.features{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:100px 60px}.section-tag{font-family:Courier New,monospace;font-size:.82rem;color:var(--orange);margin-bottom:16px;opacity:.8}.section-title{font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0 0 56px;color:var(--text)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:28px 24px;transition:border-color .2s,transform .2s,background .2s;animation:fadeUp .5s ease both}.feature-card:hover{border-color:#ff6b3559;background:#ff6b350d;transform:translateY(-4px)}.feature-icon{font-size:1.8rem;margin-bottom:14px;display:block}.feature-title{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:var(--text);margin:0 0 10px}.feature-desc{font-size:.85rem;color:var(--muted);line-height:1.65;margin:0}.cta-banner{position:relative;z-index:1;text-align:center;padding:100px 60px;border-top:1px solid var(--border);overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:none;pointer-events:none}.cta-title{font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1.5px;color:var(--text);margin:0 0 16px}.cta-sub{color:var(--muted);font-size:1rem;margin-bottom:36px}.lfooter{border-top:1px solid var(--border);padding:24px 60px;display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);position:relative;z-index:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.lnav{padding:16px 24px}.hero{padding:70px 24px 60px}.features{padding:60px 24px}.cta-banner{padding:70px 24px}.lfooter{padding:20px 24px}.features-grid{grid-template-columns:1fr 1fr}.hero-cards{display:none}.stats-strip{flex-wrap:wrap}.stat-item{min-width:50%;border-bottom:1px solid var(--border)}}@media(max-width:500px){.features-grid{grid-template-columns:1fr}.hero-title{letter-spacing:-1.5px}.stats-strip{flex-direction:column}.stat-item{max-width:100%;border-right:none}}.card{background:#13131f;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px;margin-bottom:20px}.card-title{font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:22px;display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-bottom:22px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.75rem;font-weight:700;color:#e8e6f080;text-transform:uppercase;letter-spacing:.7px}.required{color:#ff6b35;margin-left:2px}.form-group input{width:100%;padding:11px 14px;background:#0d0d14;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;font-size:.93rem;color:#e8e6f0;font-family:DM Sans,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.form-group input::placeholder{color:#e8e6f040}.form-group input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3526}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.form-group input[type=number]{-moz-appearance:textfield}.has-error input{border-color:#f87171!important;box-shadow:0 0 0 3px #f871711f;background:#f871710d}.error-msg{font-size:.78rem;color:#f87171;font-weight:500}.checkbox-group{justify-content:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.88rem;font-weight:600;color:#e8e6f0b3;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:17px;height:17px;accent-color:#ff6b35;cursor:pointer;flex-shrink:0}.btn-primary{background:#ff6b35;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:.93rem;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s,transform .1s;letter-spacing:.2px}.btn-primary:hover{background:#e85d2a}.btn-primary:active{transform:scale(.98)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;max-width:420px;width:90%;box-shadow:0 24px 80px #00000080}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-icon{font-size:1.8rem}.modal-header h3{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;color:#fff;margin:0}.modal-error-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.modal-error-list li{display:flex;align-items:center;gap:10px;background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:10px;padding:10px 14px;font-size:.87rem;color:#fca5a5;font-weight:500}.modal-bullet{font-size:.7rem;flex-shrink:0}.modal-close-btn{width:100%;background:#f87171;color:#fff;border:none;padding:12px;border-radius:10px;font-size:.93rem;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}.modal-close-btn:hover{background:#ef4444}.toast-success{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#1a1a2e;border:1px solid rgba(255,107,53,.4);color:#e8e6f0;padding:13px 28px;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:0 8px 32px #0006;z-index:99999;white-space:nowrap;pointer-events:none;font-family:DM Sans,sans-serif}.toast-success strong{color:#ff6b35}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.modal-box{padding:24px 18px}}.empty-state{text-align:center;padding:48px 20px;color:#e8e6f04d;font-size:.92rem}.badge{background:#ff6b35;color:#fff;border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:700;margin-left:8px}.table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;font-size:.88rem}.orders-table thead tr{border-bottom:1px solid rgba(255,255,255,.07)}.orders-table th{padding:10px 14px;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.7px;color:#e8e6f059;font-weight:700;white-space:nowrap}.orders-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.04);color:#e8e6f0d9;vertical-align:middle}.orders-table tbody tr:hover td{background:#ffffff06}.orders-table tbody tr:last-child td{border-bottom:none}.order-id{font-family:Courier New,monospace;font-size:.78rem;color:#e8e6f066}.restaurant{font-weight:600;color:#fff}.center{text-align:center}.status-pill{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.3px}.status-pill.paid{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.status-pill.unpaid{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.status-pill.completed{background:#818cf81f;color:#a5b4fc;border:1px solid rgba(129,140,248,.2)}.row-completed td{opacity:.45}.done-strike{text-decoration:line-through}.done-label{font-size:.78rem;font-weight:700;color:#4ade80}.btn-complete{background:transparent;border:1.5px solid rgba(129,140,248,.4);color:#a5b4fc;padding:5px 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn-complete:hover{background:#818cf826;border-color:#818cf8;color:#fff}.filter-row{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.72rem;font-weight:700;color:#e8e6f073;text-transform:uppercase;letter-spacing:.7px}.filter-group input[type=number]{padding:10px 14px;background:#0d0d14;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;color:#e8e6f0;font-family:DM Sans,sans-serif;outline:none;width:180px;transition:border-color .15s}.filter-group input[type=number]:focus{border-color:#ff6b35}.filter-group input[type=number]::placeholder{color:#e8e6f040}.filter-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.radio-group{display:flex;gap:6px}.radio-btn{padding:8px 16px;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;color:#e8e6f073;background:transparent;transition:all .15s;-webkit-user-select:none;user-select:none;font-family:DM Sans,sans-serif}.radio-btn input[type=radio]{display:none}.radio-btn.active{border-color:#ff6b35;background:#ff6b3526;color:#ff6b35}.radio-btn:hover:not(.active){border-color:#fff3;color:#e8e6f0b3}.center-align{align-items:flex-start;gap:10px}.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.1);padding:9px 18px;border-radius:10px;font-size:.82rem;font-weight:600;color:#e8e6f080;cursor:pointer;font-family:DM Sans,sans-serif;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:#ff6b35;color:#ff6b35}.result-count{font-size:.82rem;color:#e8e6f066}.result-count strong{color:#ff6b35}.assign-desc{font-size:.87rem;color:#e8e6f073;margin-bottom:20px;line-height:1.6}.assign-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.assign-row .form-group{display:flex;flex-direction:column;gap:8px}.assign-row .form-group label{font-size:.72rem;font-weight:700;color:#e8e6f073;text-transform:uppercase;letter-spacing:.7px}.assign-row input[type=number]{width:200px;padding:11px 14px;background:#0d0d14;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;color:#e8e6f0;font-family:DM Sans,sans-serif;outline:none;transition:border-color .15s}.assign-row input[type=number]:focus{border-color:#ff6b35}.assign-row input[type=number]::placeholder{color:#e8e6f040}.assign-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.error{color:#f87171;font-size:.78rem;margin-top:4px}.btn-assign{background:#ff6b35;color:#fff;border:none;padding:12px 22px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s,transform .1s;white-space:nowrap}.btn-assign:hover{background:#e85d2a}.btn-assign:active{transform:scale(.98)}.output-panel{margin-top:20px;border-radius:12px;padding:20px 22px}.no-result{background:#f8717114;border:1px solid rgba(248,113,113,.2)}.success{background:#4ade8012;border:1px solid rgba(74,222,128,.2)}.no-order{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:600;color:#f87171}.no-icon{font-size:1.4rem}.assigned-header{font-size:.88rem;font-weight:700;color:#4ade80;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.assigned-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.assigned-item{display:flex;flex-direction:column;gap:4px}.assigned-item .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.6px;color:#e8e6f059;font-weight:700}.assigned-item .value{font-size:.95rem;font-weight:700;color:#e8e6f0}.assigned-item .value.mono{font-family:Courier New,monospace;font-size:.82rem;color:#e8e6f08c}.assigned-item .value.highlight{color:#ff6b35}@media(max-width:600px){.assigned-grid{grid-template-columns:1fr 1fr}}.assigned-status.is-paid{color:#4ade80}.assigned-status.is-unpaid{color:#fbbf24}.app{min-height:100vh;background:#0d0d14;display:flex;flex-direction:column}.header{background:#13131f;border-bottom:1px solid rgba(255,255,255,.07);padding:0 32px;position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:12px}.back-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e8e6f0;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.back-btn:hover{border-color:#ff6b35;background:#ff6b3526;color:#ff6b35}.logo-icon{font-size:1.5rem}.logo-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.3px}.logo-sub{font-size:.7rem;color:#e8e6f066;font-weight:500;margin-top:1px}.header-stats{display:flex;align-items:center;gap:8px}.stat{display:flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:6px 14px}.stat-num{font-family:Syne,sans-serif;font-size:1rem;font-weight:800;color:#ff6b35}.stat-num.completed-num{color:#818cf8}.stat-label{font-size:.72rem;color:#e8e6f073;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.main{max-width:1100px;width:100%;margin:0 auto;padding:28px 32px 60px;flex:1}.tabs{display:flex;gap:4px;margin-bottom:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:4px;width:fit-content}.tab{padding:9px 22px;background:transparent;border:none;border-radius:9px;font-size:.88rem;font-weight:600;color:#e8e6f080;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s,color .15s}.tab.active{background:#ff6b35;color:#fff}.tab:hover:not(.active){background:#ffffff12;color:#e8e6f0}@media(max-width:700px){.header{padding:0 16px}.main{padding:16px 16px 40px}.header-stats{gap:6px}.stat{padding:5px 10px}.stat-label{display:none}}