:root{--bg-primary:#0b0f19;--bg-secondary:#161b26;--bg-tertiary:#1f2638;--bg-glass:#161b26b3;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-primary-glow:#8b5cf640;--color-success:#10b981;--color-success-hover:#059669;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-bg:#f59e0b1a;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-bg:#ef44441a;--border-color:#2d3748;--border-color-hover:#4a5568;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:"Inter", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-glow:0 0 20px var(--color-primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{border-color:var(--border-color);box-shadow:0 0 #8b5cf600}50%{border-color:var(--color-primary);box-shadow:0 0 10px #8b5cf626}to{border-color:var(--border-color);box-shadow:0 0 #8b5cf600}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pulse-border{animation:3s ease-in-out infinite pulseBorder}.text-center{text-align:center}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:monospace}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.flex-justify-between{justify-content:space-between;display:flex}.align-center{align-items:center}.full-width{width:100%}.alert{border-radius:var(--radius-md);border-left:4px solid #0000;margin-bottom:1.5rem;padding:.875rem 1rem;animation:.3s fadeIn}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border-left-color:var(--color-success)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s ease-in-out}.btn-primary{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-secondary:hover{background-color:var(--border-color);border-color:var(--text-muted)}.btn-success{background-color:var(--color-success);color:#fff;border-radius:var(--radius-md);padding:.45rem .9rem;font-size:.8125rem;font-weight:600}.btn-success:hover{background-color:var(--color-success-hover);transform:translateY(-1px)}.btn-warning{background-color:var(--color-warning);color:#fff;border-radius:var(--radius-md);padding:.45rem .9rem;font-size:.8125rem;font-weight:600}.btn-warning:hover{background-color:var(--color-warning-hover)}.btn-small{padding:.3rem .6rem;font-size:.75rem}.btn-large{align-self:center;width:auto;min-width:180px;padding:.6rem 1.25rem;font-size:.875rem}.btn-edit,.btn-delete{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;display:inline-flex}.btn-edit:hover{background-color:var(--border-color);border-color:var(--color-primary)}.btn-delete:hover{background-color:var(--color-danger-bg);border-color:var(--color-danger)}.dashboard-form{flex-direction:column;gap:1.25rem;display:flex}.dashboard-form button[type=submit]{align-self:flex-start}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}input[type=text],input[type=password],input[type=number],select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s ease-in-out}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.1em;padding-right:2.5rem!important}select option{background-color:var(--bg-secondary);color:var(--text-primary)}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);outline:none}.select-wrapper{position:relative}.error-msg{color:var(--color-danger);margin-top:.25rem;font-size:.8125rem}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.app-container{flex-direction:column;min-height:100vh;display:flex}.login-page{background-color:#060913;background-image:radial-gradient(at 0 0,#8b5cf626 0,#0000 50%),radial-gradient(at 100% 100%,#10b98114 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.glow-orb{filter:blur(80px);opacity:.45;z-index:0;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background-color:var(--color-primary);width:250px;height:250px;animation-delay:0s;top:20%;left:15%}.orb-2{background-color:var(--color-success);width:300px;height:300px;animation-delay:-5s;bottom:25%;right:15%}@keyframes floatOrb{0%{transform:translateY(0)scale(1)rotate(0)}to{filter:blur(100px);transform:translateY(-40px)scale(1.15)rotate(180deg)}}.login-card{-webkit-backdrop-filter:blur(20px);z-index:10;background:#161b26a6;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn;position:relative;box-shadow:0 20px 40px -15px #00000080,0 0 50px #8b5cf60d}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.logo-badge{background:linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);border:1px solid #8b5cf640;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.25rem;font-size:1.75rem;display:flex;box-shadow:0 8px 16px #0003}.logo-text-glow{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #8b5cf633;-webkit-background-clip:text;font-size:2rem;font-weight:800}.input-wrapper-icon{align-items:center;display:flex;position:relative}.input-wrapper-icon .input-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;left:1.125rem}.input-wrapper-icon input{padding-left:2.75rem!important}.login-form{flex-direction:column;gap:1.5rem;display:flex}.login-form .form-group{width:100%}.btn-login-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, #7c3aed 100%);color:#fff;border-radius:var(--radius-md);justify-content:center;align-self:center;align-items:center;width:auto;min-width:160px;max-width:220px;margin-top:.75rem;padding:.65rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .25s ease-in-out;display:flex;box-shadow:0 4px 15px #8b5cf659}.btn-login-gradient:hover{background:linear-gradient(135deg,#956aff 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf673}.btn-login-gradient:active{transform:translateY(1px)}.btn-login-gradient:disabled{opacity:.8;cursor:not-allowed;transform:none}.spinner-container{justify-content:center;align-items:center;gap:.5rem;display:flex}.spinner{width:18px;height:18px;animation:1.5s linear infinite rotate}.spinner .path{stroke:#fff;stroke-linecap:round;animation:1.5s ease-in-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.error-msg-shake{color:#f87171;margin-top:.375rem;font-size:.8125rem;font-weight:500;animation:.4s ease-in-out shake;display:inline-block}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.logo-icon{font-size:1.5rem}.logo-text{letter-spacing:-.025em;font-size:1.25rem;font-weight:800}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.25rem;padding:1.25rem .75rem;display:flex}.menu-divider{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:1rem .75rem .5rem;font-size:.75rem;font-weight:700}.menu-item{color:var(--text-secondary);border-radius:var(--radius-md);text-align:left;background:0 0;align-items:center;gap:.875rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;display:flex}.menu-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.menu-item.active{background-color:var(--color-primary-glow);color:var(--color-primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem}.btn-logout{width:100%;color:var(--text-secondary);border-radius:var(--radius-md);text-align:left;background:0 0;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;display:flex}.btn-logout:hover{background-color:var(--color-danger-bg);color:var(--color-danger)}.main-content{background-color:var(--bg-primary);flex-direction:column;flex-grow:1;min-width:0;display:flex;overflow-y:auto}.content-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-title h1{font-size:1.5rem;font-weight:700}.admin-badge{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--color-primary);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.content-body{flex-grow:1;padding:2rem}.manager-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.75rem}.manager-card h2{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:700}.section-desc{color:var(--text-secondary);margin-top:-.75rem;margin-bottom:1.5rem;font-size:.875rem}.grid-2col{grid-template-columns:350px minmax(0,1fr);gap:2rem;display:grid}.grid-2col>*{min-width:0}@media (width<=1024px){.grid-2col{grid-template-columns:minmax(0,1fr)}}.table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);overflow-x:auto}.dashboard-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9375rem}.dashboard-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.875rem 1.25rem;font-weight:600}.dashboard-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.875rem 1.25rem}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table tr:hover td{background-color:#ffffff04}.actions-header{text-align:right}.actions-wrapper{justify-content:flex-end;gap:.5rem;display:flex}.link-copy-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:.375rem;max-width:320px;padding:.25rem;display:flex}.link-input{width:100%;color:var(--text-secondary);pointer-events:none;font-family:monospace;background:0 0!important;border:none!important;padding:.25rem .5rem!important;font-size:.8125rem!important}.btn-icon{border-radius:var(--radius-sm);background:0 0;justify-content:center;align-items:center;padding:.375rem;display:inline-flex}.btn-icon:hover{background-color:var(--bg-tertiary)}.sales-card{max-width:600px;margin:0 auto}.sales-form-wrapper{padding:1rem 0}.badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-paid{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98133}.badge-unpaid{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef444433}.badge-today{background-color:var(--color-primary-glow);color:var(--color-primary);border:1px solid #8b5cf633}.summary-widgets{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=768px){.summary-widgets{grid-template-columns:1fr}}.widget-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.widget-primary{background:linear-gradient(135deg,#8b5cf61a 0%,#161b2680 100%);border-color:#8b5cf633}.widget-dark{background-color:var(--bg-secondary)}.widget-icon{background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:center;align-items:center;width:60px;height:60px;font-size:2.25rem;display:flex}.widget-info h3{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.widget-value{color:var(--text-primary);font-size:1.75rem;font-weight:800}.payment-text-display{color:var(--text-primary);white-space:pre-line;font-size:.875rem}.dish-item-name{font-weight:500}.wonga-header-controls{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filter-tabs{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:.5rem;padding:.25rem;display:flex}.filter-tab{border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.filter-tab.active.alert-unpaid{background-color:var(--color-danger-bg);color:var(--color-danger)}.filter-tab.active.alert-paid{background-color:var(--color-success-bg);color:var(--color-success)}.wonga-action-cell{justify-content:flex-end;display:flex}.bill-page-container{background:radial-gradient(circle,#0b0f19 0%,#070a12 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.bill-receipt-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;padding:2.5rem;animation:.4s forwards fadeIn}.receipt-header{text-align:center;border-bottom:1px dashed var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.restaurant-logo{margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.receipt-header h1{color:var(--text-secondary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.client-info-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:.5rem 1.5rem;display:inline-flex}.client-info-box .label{color:var(--text-muted);font-size:.75rem}.client-info-box .value{font-size:1.125rem;font-weight:700}.balance-summary-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem;display:grid}.balance-card{border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;align-items:center;padding:1rem;display:flex}.balance-card.due{background-color:var(--color-danger-bg);border-color:#ef444433}.balance-card.due .value{color:var(--color-danger);font-size:1.5rem;font-weight:800}.balance-card.paid{background-color:var(--color-success-bg);border-color:#10b98133}.balance-card.paid .value{color:var(--color-success);font-size:1.5rem;font-weight:800}.balance-card .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.receipt-table-wrapper h3{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem}.receipt-table{border-collapse:collapse;width:100%;margin-bottom:2rem;font-size:.9375rem}.receipt-table th{border-bottom:1px solid var(--border-color);text-align:left;color:var(--text-muted);text-transform:uppercase;padding:.5rem .75rem;font-size:.8125rem;font-weight:600}.receipt-table td{border-bottom:1px solid var(--border-color);padding:.75rem}.payment-instructions-card{background-color:var(--bg-primary);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);border:2px solid #8b5cf666;margin-bottom:2rem;padding:1.5rem}.payment-instructions-card h3{color:#a78bfa;letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.payment-text{white-space:pre-line;color:var(--text-primary);letter-spacing:.01em;font-size:1.05rem;font-weight:600;line-height:1.7}.receipt-footer{text-align:center;border-top:1px dashed var(--border-color);color:var(--text-secondary);padding-top:1.5rem}@media (width<=768px){.dashboard-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%}.sidebar-header{padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:1rem}.sidebar-menu{flex-direction:row;gap:.5rem;padding:.75rem;overflow-x:auto}.menu-divider{display:none}.menu-item{white-space:nowrap;padding:.5rem .875rem}.sidebar-footer{display:none}.content-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem}.content-body{padding:1rem}.manager-card{padding:1.25rem}.link-copy-container{background:0 0;border:none;gap:.25rem;max-width:fit-content;padding:0}.link-copy-container .link-input{display:none!important}.login-card{padding:2.25rem 1.5rem!important}.bill-receipt-card{padding:1.5rem 1.25rem!important}}.btn-form-submit{text-align:center!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:auto!important;min-width:170px!important;max-width:240px!important;margin-top:1.25rem!important;padding:.55rem 1.25rem!important;font-size:.875rem!important;font-weight:700!important;display:inline-flex!important}.btn-emoji{vertical-align:middle!important;filter:drop-shadow(0 0 2px #ffffff73)!important;margin-right:.35rem!important;font-size:1.25rem!important;display:inline-block!important}.btn-icon-svg{vertical-align:middle!important;stroke:currentColor!important;stroke-width:2.5px!important;flex-shrink:0!important;width:18px!important;height:18px!important;margin-right:.5rem!important;display:inline-block!important}