@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--card: #ffffff;--muted: #64748b;--accent: #0f766e;--accent-dark: #0d5d5a;--accent-light: #14b8a6;--shadow: 0 10px 30px rgba(15, 23, 42, .12);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .15);--radius: 16px;--glass: rgba(255,255,255,.7)}.jk-login-root{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100vh;padding:48px 20px;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#f0fdfa)}.jk-card{width:100%;max-width:1000px;background:var(--card);border-radius:var(--radius);display:flex;overflow:hidden;box-shadow:var(--shadow-lg);align-items:stretch;animation:slideIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.jk-card--compact{max-width:900px}.jk-card-side{width:40%;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#0f766e,#0d5d5a);position:relative;overflow:hidden}.jk-card-side:before{content:"";position:absolute;top:-50%;right:-50%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.jk-card-side:after{content:"";position:absolute;bottom:-30%;left:-30%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.jk-brand{color:#fff;display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.jk-brand h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.jk-brand-sub{margin:0;color:#ffffffd9;font-size:14px;font-weight:500;letter-spacing:.3px}.jk-coffee{width:70px;height:70px;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.jk-side-illustration{margin-top:30px;width:100%;display:flex;justify-content:center;position:relative;z-index:1}.jk-coffee-cup{width:160px;height:100px;border-radius:18px;background:linear-gradient(135deg,#fff3,#ffffff0d);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 2px 8px #0000001a;animation:float 4s ease-in-out infinite}.jk-card-main{width:60%;padding:50px 48px;display:flex;align-items:center;background:#fff}.jk-form-wrap{max-width:420px;margin:0 auto;width:100%}.jk-form-wrap h2{margin:0 0 8px;font-size:28px;font-weight:800;color:var(--accent-dark);letter-spacing:-.5px}.jk-muted{margin:0 0 28px;color:var(--muted);font-size:14px;line-height:1.6}.jk-form{display:flex;flex-direction:column;gap:18px}.jk-field{display:flex;flex-direction:column;gap:8px}.jk-label{font-size:13px;color:var(--accent-dark);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.jk-input{padding:12px 16px;border-radius:10px;border:2px solid #e2e8f0;background:#f8fafc;font-size:14px;font-family:inherit;outline:none;transition:all .3s ease}.jk-input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #0f766e1a,0 4px 12px #0f766e26}.jk-input::placeholder{color:var(--muted)}.jk-row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.jk-submit{width:100%;padding:12px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;font-weight:700;font-size:14px;cursor:pointer;margin-top:8px;box-shadow:0 8px 20px #0f766e40;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.jk-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #0f766e59;background:linear-gradient(135deg,var(--accent-dark) 0%,#0a4a47 100%)}.jk-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0f766e33}.jk-submit:disabled{opacity:.7;cursor:not-allowed}.jk-divider{margin:20px 0;text-align:center;color:var(--muted);font-size:13px;position:relative}.jk-divider:before{content:"";position:absolute;left:0;top:50%;width:30%;height:1px;background:#e2e8f0}.jk-divider:after{content:"";position:absolute;right:0;top:50%;width:30%;height:1px;background:#e2e8f0}.jk-cta{margin-top:20px;color:var(--muted);font-size:13px;text-align:center}.jk-link-btn{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;padding:0;font-size:13px;transition:color .2s ease}.jk-link-btn:hover{color:var(--accent-dark)}.jk-demo-note{margin-top:16px;padding:12px 14px;background:linear-gradient(135deg,#e0f2fe,#cffafe);color:#0c4a6e;font-size:12px;border-radius:8px;border-left:4px solid #0284c7;font-weight:600}.jk-error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);padding:12px 14px;border-radius:10px;margin-bottom:16px;font-weight:600;border-left:4px solid #b91c1c;box-shadow:0 4px 12px #ef444433}.jk-footer{color:var(--muted);font-size:13px;padding-top:12px;text-align:center;font-weight:500}@media(max-width:1024px){.jk-card{max-width:100%}.jk-card-side{width:35%;padding:40px 30px}.jk-card-main{width:65%;padding:40px 36px}}@media(max-width:900px){.jk-card{flex-direction:column;width:100%;max-width:600px}.jk-card-side{width:100%;padding:40px 30px;text-align:center;justify-content:flex-start;align-items:center}.jk-card-main{width:100%;padding:40px 30px}.jk-brand h1{font-size:28px}.jk-side-illustration{margin-top:20px}.jk-coffee-cup{display:none}.jk-form-wrap h2{font-size:24px}}@media(max-width:480px){.jk-login-root{padding:24px 16px;gap:16px}.jk-card-side,.jk-card-main{padding:28px 20px}.jk-brand h1{font-size:24px}.jk-form-wrap h2{font-size:20px}.jk-card-side:before,.jk-card-side:after{display:none}}.jk-card,.jk-input,.jk-submit{transition:transform .12s ease,box-shadow .12s ease}.expense-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1200;padding:12px}.expense-modal-overlay .dash-box.active{border:2px solid #2563eb;background:#2563eb0f;box-shadow:0 6px 18px #2563eb14;transform:translateY(-2px)}.expense-modal-overlay .dash-box.active h2{color:#1e40af}.expense-modal{width:720px;max-width:100%;background:var(--card);border-radius:12px;box-shadow:0 20px 40px #0206171f;overflow:hidden}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef2f6}.expense-modal-header h3{margin:0;font-size:16px}.expense-close{background:transparent;border:none;font-size:16px;cursor:pointer}.expense-modal-body{padding:12px 16px;display:grid;gap:10px}.expense-field{display:flex;flex-direction:column;gap:6px}.expense-label{font-size:12px;color:var(--muted);font-weight:700}.expense-field input,.expense-field select,.expense-field textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e6eef6}.expense-field textarea{min-height:64px;resize:vertical}.expense-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.expense-cancel{background:#f3f4f6;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.expense-submit{background:linear-gradient(135deg,#0f766e,#0d5d5a);color:#fff;padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.expense-error{color:#7f1d1d;background:#fff1f2;padding:8px 10px;border-radius:8px}.expense-success{color:#064e3b;background:#ecfdf5;padding:8px 10px;border-radius:8px}.db-root{padding:32px;font-family:var(--font-sans)}.db-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;padding:16px;gap:16px}.db-header h2{margin:0;color:var(--dark)}.db-logout{padding:8px 14px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #0f766e33;transition:.2s}.db-logout:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f766e4d}.db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.db-box{background:var(--card);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:.25s ease;border-left:6px solid var(--accent)}.db-box h3{margin:0 0 8px;color:var(--dark);font-size:20px;font-weight:600}.db-box p{margin:0;color:var(--muted);font-size:14px}.db-box:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a1f}:root{--accent: #0f766e;--dark: #0f172a;--muted: #6b7280;--card: #ffffff;--shadow: 0 8px 24px rgba(15, 23, 42, .08);--radius: 14px;--font-sans: Inter, system-ui, sans-serif}.dash-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 12px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-header h1{margin:0;font-size:22px;font-weight:800;color:var(--dark);letter-spacing:-.5px;display:flex;align-items:center;gap:6px}.tenant-logo{height:30px;width:30px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;overflow:hidden;box-shadow:0 1px 3px #0206171f}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dash-user-right{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#0f766e0d;border-radius:12px}.dash-user-label{color:var(--muted);font-size:14px;font-weight:500}.dash-user-label strong{color:var(--dark);font-weight:700;display:block;font-size:15px;margin-top:2px}.dash-logout{padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#0f766e,#0d5d5a);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0f766e33;display:flex;align-items:center;gap:6px}.dash-logout:before{content:"🚪";font-size:16px}.dash-logout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f766e59;background:linear-gradient(135deg,#0d5d5a,#0a4a47)}.dash-logout:active{transform:translateY(0);box-shadow:0 2px 8px #0f766e33}.section-toggle{background:none;border:none;padding:0;cursor:pointer;display:block;width:100%;text-align:left;transition:all .2s ease}.section-toggle:hover{opacity:.8}.dash-stats-section{margin-top:32px;margin-bottom:32px}.dash-bal-exp-section{margin-top:32px;margin-bottom:32px;display:flex;justify-content:center;gap:20px}.dash-stats-title{font-size:14px;font-weight:800;color:var(--dark);margin:0 0 10px;letter-spacing:-.3px;display:flex;align-items:center;gap:5px}.dash-stats-title:before{content:"📈";font-size:16px}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat-card{background:var(--card);padding:12px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;transition:all .3s ease;border:2px solid transparent;border-left:4px solid var(--accent);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0f172a1f;border-color:var(--accent)}.stat-icon{font-size:24px;min-width:32px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.stat-content{flex:1}.stat-label{margin:0 0 2px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-weight:700}.stat-value{margin:0;font-size:15px;font-weight:800;color:var(--dark);letter-spacing:-.5px}.stat-card--balance{border-left-color:#10b981}.stat-card--sale{border-left-color:#3b82f6}.stat-card--cash{border-left-color:#f59e0b}.stat-card--upi{border-left-color:#8b5cf6}.stat-card--paylater{border-left-color:#ef4444}.stat-card--settlement{border-left-color:#06b6d4}.dash-admin-section{margin-top:32px;margin-bottom:32px}.dash-admin-title{font-size:14px;font-weight:800;color:var(--dark);margin:0 0 10px;letter-spacing:-.3px;display:flex;align-items:center;gap:5px}.dash-admin-title:before{content:"👨‍💼";font-size:16px}.admin-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}.admin-card{background:var(--card);padding:12px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;border:2px solid transparent;border-left:4px solid var(--accent);transition:all .3s ease;position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;transform:translate(40%,-40%)}.admin-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0f172a1f;border-color:currentColor}.admin-card-icon{font-size:24px;min-width:32px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.admin-card-content{flex:1}.admin-label{margin:0 0 2px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-weight:700}.admin-value{margin:0;font-size:15px;font-weight:800;color:var(--dark);letter-spacing:-.5px}.admin-card--cash{border-left-color:#f59e0b}.admin-card--bank{border-left-color:#3b82f6}.admin-card--counter{border-left-color:#10b981}.admin-summary{background:var(--card);padding:10px;margin:0 200px 10px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e2e8f0}.admin-summary-title{font-size:11px;font-weight:700;color:var(--dark);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e2e8f0;letter-spacing:-.2px}.admin-sales-grid,.admin-today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.admin-stat{padding:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border-left:3px solid var(--accent);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.admin-stat:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(15,118,110,.05),transparent)}.admin-stat:hover{background:linear-gradient(135deg,#eef2f7,#e8f0eb);transform:translateY(-2px);box-shadow:0 6px 12px #0f172a14}.admin-stat-label{margin:0 0 3px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.2px;font-weight:700}.admin-stat-value{margin:0;font-size:14px;font-weight:800;color:var(--dark);letter-spacing:-.3px}.dash-actions-section{margin-top:18px;padding:0 200px}.dash-actions-title{font-size:14px;font-weight:800;color:var(--dark);margin:0 0 10px;letter-spacing:-.3px;display:flex;align-items:center;gap:5px}.dash-actions-title:before{content:"⚡";font-size:16px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(332px,1fr));gap:10px}.dash-box{background:var(--card);padding:18px 14px;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:2px solid transparent;min-height:80px}.dash-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,118,110,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.dash-box h2{margin:0;font-size:18px;color:var(--dark);opacity:.8;font-weight:700;letter-spacing:-.2px;position:relative;z-index:1}.dash-box:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0f172a1f;border-color:var(--accent)}.dash-box:hover:before{opacity:1}.dash-box:active{transform:scale(.97)}.dash-loading,.dash-error{padding:16px 20px;border-radius:10px;text-align:center;margin-bottom:24px;font-size:14px;font-weight:600;border-left:4px solid}.dash-loading{background:linear-gradient(135deg,#e0f2fe,#cffafe);color:#0c4a6e;border-left-color:#0284c7;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dash-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#7f1d1d;border-left-color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media(max-width:1024px){.dash-container{padding:24px 16px}.dash-admin-section{padding:28px}.dash-stats-grid,.admin-balance-grid,.dash-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dash-container{padding:14px 10px}.dash-header{flex-direction:column;gap:12px;text-align:center;margin-bottom:14px}.dash-header h1{font-size:18px}.dash-user-right{width:100%;flex-direction:column;justify-content:center;gap:8px}.dash-logout{width:100%;justify-content:center;padding:8px 12px;font-size:12px}.dash-stats-grid,.admin-balance-grid,.admin-sales-grid,.admin-today-grid,.stat-card,.admin-card{flex-direction:row;padding:10px}.dash-box{min-height:70px;padding:14px 10px}.dash-admin-section{padding:10px;margin-top:14px}}@media(max-width:480px){.dash-header h1{font-size:16px}.dash-stats-title,.dash-actions-title,.dash-admin-title{font-size:12px}.stat-value,.admin-value{font-size:13px}.stat-card,.admin-card{padding:10px}.dash-box h2{font-size:11px}.admin-stat-value{font-size:10px}}.stats-pie-chart{width:100%;min-height:220px}.series{display:flex;justify-content:center;gap:20px}.stats-pie-summary{background:#00000008;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:center}.stats-total{text-align:center}.stats-total-label{font-size:12px;color:#666}.stats-total-value{font-size:20px;font-weight:700;margin-top:4px}.stats-mini-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;gap:8px;align-items:center}.legend-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.legend-text{display:flex;justify-content:space-between;width:100%;font-size:13px}.legend-name{color:#333}.legend-value{font-weight:600}@media(max-width:720px){.stats-pie-wrap{grid-template-columns:1fr}.stats-pie-summary{order:2}}.confirm-radio{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:14px;cursor:pointer}.expense-submit:disabled{opacity:.6;cursor:not-allowed}.success-toast{position:fixed;bottom:30px;right:30px;background:#16a34a;color:#fff;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 10px 25px #00000040;z-index:100000;pointer-events:none;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(12px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(12px)}}.dash-main-layout{display:flex;gap:20px;margin-top:20px;height:calc(100vh - 150px)}.dash-actions-left{width:280px;padding:0}.dash-actions-left .dash-grid{display:flex;flex-direction:column;gap:10px;max-height:calc(85vh - 185px);overflow-y:auto;padding-right:6px;padding-top:5px}.dash-actions-left .dash-box{height:100px;min-height:90px;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center}.dash-actions-left .dash-box.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(15,118,110,.08),transparent)}.dash-right-panel{flex:1;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;min-height:520px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.dash-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}@media(max-width:1024px){.dash-main-layout{flex-direction:column}.dash-actions-left{width:100%}}.dash-box-admin{background:linear-gradient(135deg,#f0f9f8,#e8f7f6);border-left:4px solid #0f766e;position:relative;display:flex;flex-direction:column;justify-content:flex-start}.dash-box-admin:hover{background:linear-gradient(135deg,#e8f7f6,#dff5f4);border-left:4px solid #14b8a6}.admin-content{padding:0;display:flex;flex-direction:column;gap:6px;flex:1}.admin-title{margin:0;font-size:16px;font-weight:700;color:#0f766e;letter-spacing:-.2px}.admin-expires{margin:0;font-size:14px;font-weight:600;line-height:1.4;transition:color .3s ease}.admin-icon-btn{position:absolute;bottom:12px;right:12px;background:transparent;border:none;font-size:32px;cursor:pointer;transition:all .3s ease;padding:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px}.admin-icon-btn:hover{transform:rotate(45deg)}.dash-admin-box{display:flex;justify-content:center;align-items:center;padding:16px 0;margin-top:20px;border-top:1px solid #e2e8f0}.dash-admin-box .dash-boxx{width:100%;max-width:320px}.series-c2c{width:100%;display:flex;align-items:center;justify-content:center;gap:30px;flex-direction:row}.nop-wrap{display:flex;flex-direction:column;height:100%}.nop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.nop-header h3{margin:0;font-size:18px;font-weight:800;color:#1f2937}.nop-search{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;min-width:260px;font-size:14px;color:#6b7280}.nop-table-wrap{flex:1;overflow:auto;border-radius:12px;border:1px solid #e5e7eb}.nop-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000f;table-layout:fixed}.nop-table th,.nop-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;word-wrap:break-word;overflow-wrap:break-word}.nop-table th{font-size:14px;color:#475569;font-weight:600;background:#f8fafc;text-align:left}.nop-table td{font-size:14px;color:#1f2937}.nop-table th:nth-child(1),.nop-table td:nth-child(1){width:18%}.nop-table th:nth-child(2),.nop-table td:nth-child(2){width:16%}.nop-table th:nth-child(3),.nop-table td:nth-child(3){width:18%}.nop-table th:nth-child(4),.nop-table td:nth-child(4){width:12%;text-align:center}.nop-table th:nth-child(5),.nop-table td:nth-child(5){width:18%;text-align:right}.nop-table th:nth-child(6),.nop-table td:nth-child(6){width:18%;text-align:right}.nop-row{cursor:pointer}.nop-row:hover{background:#0f766e0f}.nop-empty,.nop-state{text-align:center;padding:28px;color:#6b7280}.nop-fab{position:absolute;right:30px;bottom:30px;width:56px;height:56px;border-radius:50%;background:#0f766e;color:#fff;border:none;font-size:28px;cursor:pointer}.nop-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nop-modal{background:#fff;border-radius:12px;box-shadow:0 25px 80px #0006,0 0 0 1px #0000000d;padding:28px;width:100%;max-width:420px}.nop-modal-header{display:flex;justify-content:space-between;align-items:center}.nop-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1f2937}.nop-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.nop-modal-close:hover{color:#374151}.nop-modal-content p{margin:0;font-size:15px;color:#4b5563;line-height:1.5}.nop-modal-fields{display:flex;flex-direction:column;gap:16px}.nop-field{display:flex;flex-direction:column;gap:6px}.nop-field label{font-weight:600;font-size:13px;color:#4b5563;text-transform:uppercase;letter-spacing:.3px}.nop-field-error{font-size:12px;color:#dc2626;font-weight:500;margin-top:2px}.nop-modal input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #e5e7eb;font-size:14px;font-family:inherit;transition:border-color .2s ease}.nop-modal input:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.nop-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:60px}.nop-btn-cancel{padding:10px 20px;background:#e5e7eb;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.nop-btn-cancel:hover{background:#d1d5db}.nop-btn-primary{padding:10px 20px;background:#2563eb;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.nop-btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.nop-actions button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer}.nop-actions .primary{background:#0f766e;color:#fff}.nop-wrap{display:flex;flex-direction:column;height:100%;color:var(--text-main)}.nop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.nop-header h3{margin:0;font-size:18px;font-weight:800;color:var(--text-main)}.nop-search{padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);min-width:260px;background:var(--bg-panel);color:var(--text-main)}.nop-search::placeholder{color:var(--text-muted)}.nop-table-wrap{flex:1;overflow:auto}.nop-table{width:100%;border-collapse:collapse;background:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow)}.nop-table th,.nop-table td{padding:14px 16px;border-bottom:1px solid var(--border-color)}.nop-table th{font-size:14px;color:var(--text-muted);font-weight:700}.nop-row{cursor:pointer;transition:background .2s ease}.nop-row:hover{background:#0f766e14}:root[data-theme=dark] .nop-row:hover{background:#38bdf81f}.nop-empty,.nop-state{text-align:center;padding:28px;color:var(--text-muted)}.nop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px}.nop-empty-icon{font-size:64px;line-height:1;color:#9ca3af}.nop-empty-text{font-size:18px;font-weight:700;color:var(--text-main, #374151)}.nop-empty-sub{font-size:13px;color:var(--text-muted)}.nop-error{color:#b91c1c;font-size:14px;margin-top:4px}.nop-fab{position:absolute;right:30px;bottom:30px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:28px;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease}.nop-fab:hover{transform:scale(1.05)}.nop-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:3000}.nop-modal{padding:20px;border-radius:14px;width:100%;max-width:420px;box-shadow:var(--shadow);color:var(--text-main)}.nop-modal h4{margin-top:0;color:var(--text-main)}.nop-modal input{width:100%;padding:10px;margin-top:8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-soft);color:var(--text-main)}.nop-modal input::placeholder{color:var(--text-muted)}.nop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.nop-actions button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;background:var(--bg-soft);color:var(--text-main)}.nop-actions .primary{background:var(--accent);color:#fff}.oop-wrap{display:flex;flex-direction:column;height:100%}.oop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.oop-header h3{margin:0;font-size:20px;font-weight:800;color:#1f2937}.oop-search{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;min-width:240px;outline:none;font-size:14px;color:#6b7280;transition:border-color .2s ease}.oop-search:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.oop-content{flex:1;overflow-y:auto;padding-right:8px}.oop-content::-webkit-scrollbar{width:8px}.oop-content::-webkit-scrollbar-thumb{background:#0f766e33;border-radius:4px}.oop-state{padding:40px 20px;text-align:center;color:#6b7280;font-size:15px;font-weight:500}.oop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px}.oop-empty-icon{font-size:68px;line-height:1;color:#9ca3af}.oop-empty-text{font-size:18px;font-weight:700;color:#374151}.oop-empty-sub{font-size:13px;color:#6b7280}.oop-error{color:#dc2626;background:#fee2e2;border-radius:8px;border:1px solid #fecaca;padding:20px;margin:20px}.oop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0}.oop-card{border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .3s ease;overflow:hidden}.oop-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#0f766e}.oop-card-top{padding:16px;background:linear-gradient(135deg,#0f766e,#14b8a6);border-bottom:none}.oop-card-title{font-size:16px;font-weight:700;color:#fff;margin:0}.oop-card-body{padding:16px;background:#fff}.oop-location-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.oop-location-icon{font-size:16px;flex-shrink:0;margin-top:2px}.oop-location-text{font-size:13px;color:#6b7280;line-height:1.4;word-break:break-word}.oop-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6;margin-top:12px}.oop-item-count{font-size:13px;font-weight:600;color:#4b5563}.oop-amount{font-size:16px;font-weight:800;color:#0f766e}.psp-wrap{display:flex;flex-direction:column;height:100%}.psp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.psp-header h3{margin:0;font-size:20px;font-weight:800;color:#1f2937}.psp-search{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;min-width:240px;outline:none;font-size:14px;color:#6b7280;transition:border-color .2s ease}.psp-search:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.psp-content{flex:1;overflow-y:auto;padding-right:8px}.psp-content::-webkit-scrollbar{width:8px}.psp-content::-webkit-scrollbar-thumb{background:#d9770633;border-radius:4px}.psp-state{padding:40px 20px;text-align:center;color:#6b7280;font-size:15px;font-weight:500}.psp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px}.psp-empty-icon{font-size:64px;line-height:1;color:#f59e0b}.psp-empty-text{font-size:18px;font-weight:700;color:#374151}.psp-empty-sub{font-size:13px;color:#6b7280}.psp-error{color:#dc2626;background:#fee2e2;border-radius:8px;border:1px solid #fecaca;padding:20px;margin:20px}.psp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0}.psp-card{border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014;cursor:pointer;transition:all .3s ease;overflow:hidden}.psp-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#d97706}.psp-card-top{padding:16px;background:linear-gradient(135deg,#d97706,#f59e0b);border-bottom:none}.psp-card-title{font-size:16px;font-weight:700;color:#fff;margin:0}.psp-card-body{padding:16px;background:#fff}.psp-location-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.psp-location-icon{font-size:16px;flex-shrink:0;margin-top:2px}.psp-location-text{font-size:13px;color:#6b7280;line-height:1.4;word-break:break-word}.psp-card-footer{display:flex;justify-content:space-between;align-items:flex-start;padding-top:12px;border-top:1px solid #f3f4f6;margin-top:12px;gap:12px}.psp-items{display:flex;flex-direction:column;gap:6px;flex:1}.psp-amount{font-size:12px;font-weight:600;color:#4b5563;line-height:1.4}.psp-unsettled{font-size:14px;font-weight:800;color:#d97706;padding-left:0;text-align:right;white-space:nowrap}.consolidated-page{min-height:100vh;padding:22px;background:linear-gradient(150deg,#fff,#f8fafc,#f1f5f9);color:#0f172a}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.topbar h1{margin:0;font-size:30px;color:#0f172a}.topbar p{margin:6px 0 0;color:#475569;font-size:13px}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border-radius:10px;padding:10px 14px;border:1px solid transparent;font-size:13px;font-weight:700;cursor:pointer}.btn-primary{background-color:#0f766e;color:#fff;border-color:#14b8a673}.btn-secondary{background:#f1f5f9;color:#0f172a;border-color:#94a3b81f}.state-card{border:1px solid rgba(2,6,23,.06);border-radius:14px;background:#fff;padding:24px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.dashboard-stack{display:flex;flex-direction:column;gap:14px}.hero-strip{border:1px solid rgba(2,6,23,.06);border-radius:14px;background:linear-gradient(120deg,#2563eb0f,#fff);padding:14px;display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.hero-main p{margin:0;font-size:12px;color:#0f172a;text-transform:uppercase}.hero-main h2{margin:8px 0 0;font-size:34px;color:#0f172a}.hero-secondary-balance{margin-top:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(45,212,191,.12);background:#2dd4bf0f;display:inline-flex;flex-direction:column;gap:2px}.hero-secondary-balance span{font-size:11px;color:#065f46;text-transform:uppercase;letter-spacing:.4px}.hero-secondary-balance strong{font-size:18px;color:#064e3b}.hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-kpis>div{border:1px solid rgba(2,6,23,.06);border-radius:10px;background:#fff;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.hero-kpis span{font-size:12px;color:#475569}.hero-kpis strong{font-size:13px;color:#0f172a}.single-board{border:1px solid rgba(2,6,23,.06);border-radius:14px;background:#fff;padding:12px}.board-head h2{margin:0;font-size:17px;color:#0f172a}.board-head p{margin:4px 0 0;color:#475569;font-size:12px}.board-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-section{border:1px solid rgba(2,6,23,.06);border-radius:10px;background:#fff;padding:10px}.metric-section h3{margin:0 0 8px;font-size:13px;color:#0f172a}.metric-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.metric-head h3{margin:0}.metric-row{border:1px solid rgba(2,6,23,.06);border-radius:8px;background:#fff;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-row span{color:#475569;font-size:11px}.metric-row strong{color:#0f172a;font-size:11px}.metric-chart-area{min-width:0}.metric-section-chart{border:1px solid rgba(2,6,23,.06);border-radius:8px;background:#fff;padding:6px;height:100%}.metric-bridge-summary{margin-top:6px;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}.metric-bridge-summary span{font-size:10px;color:#475569;padding:4px 6px;border-radius:6px;border:1px solid rgba(2,6,23,.06);background:#fff}.metric-bridge-summary .ok{color:#065f46;border-color:#34d3991f}.metric-bridge-summary .warn{color:#9f1239;border-color:#f43f5e1f}.metric-chart-empty{border:1px dashed rgba(2,6,23,.06);border-radius:8px;color:#475569;font-size:12px;padding:10px;text-align:center}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chart-card{border:1px solid rgba(2,6,23,.06);border-radius:12px;background:#fff;padding:10px}.chart-head h3{margin:0;font-size:14px;color:#0f172a}.chart-head p{margin:4px 0 0;color:#475569;font-size:12px}.chart-card-controls{margin-top:8px;margin-bottom:8px}.chart-type-toggle{display:inline-flex;gap:6px;padding:3px;border-radius:8px;border:1px solid rgba(2,6,23,.06);background:#fff}.chart-type-toggle button{border:1px solid transparent;background:transparent;color:#475569;font-size:11px;font-weight:700;padding:5px 8px;border-radius:6px;cursor:pointer}.chart-type-toggle button.active{color:#fff;background:#065f46e6;border-color:#2dd4bf66}.chart-type-toggle button:hover{color:#0f172a}.chart-body{margin-top:8px}.split-chart{display:grid;gap:8px}.chart-pane{border:1px solid rgba(2,6,23,.06);border-radius:8px;background:#fff;padding:6px}.consolidated-tooltip{min-width:170px;border-radius:8px;border:1px solid rgba(2,6,23,.06);background:#fff;padding:8px}.consolidated-tooltip-label{margin:0 0 5px;color:#0f172a;font-size:12px;font-weight:700}.consolidated-tooltip-row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.consolidated-tooltip-row+.consolidated-tooltip-row{margin-top:4px}.consolidated-tooltip-row strong{color:#0f172a}@media(max-width:1100px){.hero-strip,.charts-grid,.board-grid,.hero-kpis,.metric-content{grid-template-columns:1fr}.metric-head{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.consolidated-page{padding:12px}.topbar{flex-direction:column}.topbar h1{font-size:24px}}.vhp-wrap{display:flex;flex-direction:column;height:100%}.vhp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vhp-header h3{margin:0;font-size:18px;font-weight:800}.vhp-search{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;min-width:240px}.vhp-tabs{display:flex;gap:14px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.vhp-tab{background:none;border:none;padding:6px;font-weight:600;color:#6b7280;cursor:pointer}.vhp-tab.active{color:#fff;border-bottom:2px solid #0f766e;background-color:#0f766e}.vhp-content{flex:1;overflow:auto}.vhp-state{padding:20px;text-align:center;color:#6b7280}.vhp-state.error{color:#b00020}.vhp-table-wrap{background:#fff;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden}.vhp-table{width:100%;border-collapse:collapse;font-size:13px}.vhp-table th,.vhp-table td{padding:10px 14px;border-bottom:1px solid #e5e7eb;text-align:center}.vhp-table th{background:#f8fafc;font-weight:700}.vhp-row:hover{filter:brightness(.97)}.cashflow{text-align:center}.cashflow-badge{display:inline-block;padding:4px 10px;border-radius:5px;font-weight:700;font-size:12px;min-width:64px;text-align:center}.cashflow-badge.in{background:#10b9811f;color:#059669}.cashflow-badge.out{background:#ef44441f;color:#ef4444}.amt{font-weight:700;color:inherit}.balance{font-weight:700}.vhp-row.in .amt{color:#059669}.vhp-row.out .amt{color:#ef4444}.detail{font-size:12px;color:#6b7280;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhp-type{font-size:11px;font-weight:700;text-transform:uppercase}.vhp-type.payment{color:#059669}.vhp-type.paylater{color:#ef4444}.amt.payment{color:#059669}.amt.paylater{color:#ef4444}.expense-options{display:flex;gap:8px;flex-wrap:wrap}.expense-option-btn{appearance:none;border:1px solid rgba(15,23,42,.08);background:#fff;color:#0f172a;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.expense-option-btn:hover,.expense-option-btn:focus{border-color:#0f172a29;box-shadow:0 1px #0206170a,0 2px 6px #0206170a;outline:none}.expense-option-btn.selected{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;border-color:#14b8a666}.make-gap{gap:30px;display:flex;flex-direction:column}:root{--bg:#f6f8fb;--card:#fff;--accent:#0f766e;--dark:#0f172a;--muted:#6b7280;--radius:12px;--shadow:0 12px 36px rgba(2,6,23,.06)}.menu-wrap{min-height:100vh;background:var(--bg);font-family:Inter,system-ui,Arial;color:var(--dark)}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-bottom:1px solid #eef2f6;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);min-height:9vh}.menu-left{display:flex;align-items:center;gap:14px}.menu-back{font-size:20px;cursor:pointer;color:var(--muted);padding:6px;border-radius:8px}.menu-title .menu-app{font-weight:700;font-size:18px}.menu-title .menu-sub{font-size:13px;color:var(--muted)}.menu-right{display:flex;align-items:center;gap:12px}.menu-customer .mc-name{font-weight:700}.menu-customer .mc-sub{font-size:13px;color:var(--muted)}.menu-main{padding:20px 26px;height:91vh}.menu-cols{display:grid;grid-template-columns:1fr 340px;gap:20px;height:100%}.menu-cart{background:var(--card);padding:14px;border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative}.cart-meta{font-size:13px;color:var(--muted);font-weight:600;display:flex;justify-content:space-between}.cart-clear-btn{border:none;background:transparent}.cart-clear-x{font-size:24px;opacity:.5}.cart-empty{color:var(--muted);padding:18px;border-radius:8px;text-align:center;border:1px dashed #e6eef3;height:100%;display:flex;align-items:center}.cart-error{color:#b91c1c;border-color:#b91c1c14}.cart-list-wrap{display:flex;flex-direction:column;gap:10px;height:69vh;overflow-y:auto}.cart-line{position:relative;display:flex;background:#f8f9fc;border-radius:10px;transition:background .12s,transform .12s}.cart-line:hover{background:linear-gradient(90deg,#0f766e08,#0f766e03);transform:translateY(-2px)}.cart-line-inner{display:grid;grid-template-columns:1fr 120px 66px;gap:12px;align-items:center;padding:10px;width:100%;transition:transform .18s ease}.cart-line-swiped .cart-line-inner{transform:translate(-64px)}.cl-left{display:flex;flex-direction:column;gap:4px}.cl-name{font-weight:700;color:var(--dark);font-size:14px}.cl-sub{font-size:12px;color:var(--muted)}.cl-qty{display:flex;align-items:center;justify-content:center;gap:8px}.qty-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e6eef3;background:#fff;font-size:18px;cursor:pointer}.qty-input{width:42px;text-align:center;border-radius:8px;border:1px solid #e8eef6;padding:6px;font-weight:600}.cl-amount{font-weight:700;text-align:right;color:var(--dark);font-size:15px}.cart-delete-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;background:#ef4444;color:#fff;opacity:0;pointer-events:none;cursor:pointer}.cart-line-swiped .cart-delete-btn{opacity:1;pointer-events:auto}.cart-divider{height:1px;background:#eef4f7;margin:6px 0}.cart-total-row{display:flex;justify-content:space-between;font-weight:700;font-size:16px}.buttons{display:flex;gap:10px}.cart-save{flex:1;padding:10px 12px;border-radius:10px;background:#f1f5f9;border:1px solid #e2e8f0;font-weight:700;cursor:pointer}.cart-complete{flex:1;padding:10px 12px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-weight:700;cursor:pointer}.cart-complete:disabled{opacity:.5;cursor:not-allowed}.menu-left-panel{display:grid;grid-template-columns:220px 1fr;gap:16px;height:85vh}.menu-search-wrap{margin-bottom:12px}.menu-search-input{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid #d0d7df;font-size:14px}.menu-categories{background:#f8fafc;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.menu-cat-btn{padding:60px 12px;border-radius:10px;border:none;background:#e6e4e4;font-weight:600;cursor:pointer}.menu-cat-btn.active{background:#fff}.menu-items-modern{overflow-y:auto;padding-right:8px}.menu-category-heading{font-size:18px;font-weight:700;margin:16px 0 10px}.menu-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.menu-card-modern{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:10px;cursor:pointer;display:flex;flex-direction:column}.menu-card-modern.disabled{opacity:.45;pointer-events:none}.menu-img{height:60px;object-fit:cover;margin-bottom:8px}.menu-info{display:flex;justify-content:space-between;align-items:center}.menu-name{font-size:14px;font-weight:600;display:flex;text-align:left;width:70%}.menu-price{font-weight:700;color:var(--accent)}.menu-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:3000}.menu-modal{background:#fff;border-radius:18px;padding:18px 20px;max-width:360px;width:100%;text-align:center}.menu-modal-save-btn{min-width:110px;padding:8px 16px;border-radius:10px;border:none;background:#0f766e;color:#fff;font-weight:600;cursor:pointer}.menu-modal-save-btn:disabled{opacity:.5}.menu-del-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:3000}.menu-del-modal{background:#fff;border-radius:18px;padding:20px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;animation:slideInUp .3s ease-out}.menu-del-success{background:#fff;border-radius:18px;padding:30px 20px;max-width:300px;width:90%;text-align:center;box-shadow:0 10px 40px #0003;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-del-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #f0f0f0;padding-bottom:12px}.menu-del-title{font-size:18px;font-weight:700;color:#333}.menu-del-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s}.menu-del-close:hover{color:#333}.menu-del-body{margin-bottom:20px}.menu-del-body p{margin:0 0 16px;font-size:15px;color:#555;font-weight:500}.menu-del-radio{display:flex;align-items:center;gap:10px;padding:12px;background:#f9f9f9;border-radius:8px;cursor:pointer;font-size:14px;color:#333;font-weight:500;margin:0}.menu-del-radio input[type=radio]{accent-color:#dc2626;cursor:pointer}.menu-del-error{margin-top:12px;padding:10px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:13px;font-weight:500}.menu-del-actions{display:flex;gap:10px;justify-content:flex-end}.menu-del-cancel{padding:10px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#f3f4f6;color:#333;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.menu-del-cancel:hover:not(:disabled){background:#e5e7eb}.menu-del-cancel:disabled{opacity:.5;cursor:not-allowed}.menu-del-delete{padding:10px 20px;border:none;border-radius:8px;background:#dc2626;color:#fff;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.menu-del-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.menu-del-delete:disabled{opacity:.5;cursor:not-allowed}.menu-del-success-icon{font-size:48px;color:#16a34a;margin-bottom:12px;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.menu-del-success-text{font-size:18px;font-weight:700;color:#16a34a}@media(max-width:980px){.menu-cols{grid-template-columns:1fr}.menu-right{display:none}}.menu-modal{border-radius:14px;padding:18px 20px;box-shadow:0 30px 80px #0206171f;max-width:520px}.menu-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #eef3f6}.menu-modal-title{color:#0b6bff;font-weight:800;font-size:18px}.menu-modal-close{background:#ff6b6b;color:#fff;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;border:none;cursor:pointer;box-shadow:0 6px 18px #0f172a1f}.menu-modal-close:hover{filter:brightness(.95)}.menu-modal-body{padding:18px 8px}.menu-modal-body .mc-name{text-align:center;display:block;font-weight:700;margin-bottom:8px}.menu-complete-body,.menu-settle-body,.menu-complete-main{display:flex;flex-direction:column;gap:12px}.menu-settle-modes{display:flex;gap:12px;justify-content:center;text-decoration:none}.menu-complete-btn{padding:12px 20px;border-radius:12px;background:var(--accent);color:#fff;border:none;font-weight:800;cursor:pointer}.menu-complete-discount-input{width:60px}.menu-complete-row,.menu-settle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 4px}.menu-complete-value,.menu-settle-amount{font-weight:800;font-size:16px;color:var(--dark)}.menu-settle-option,.menu-settle-option button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:12px;border:1px solid #e6eef3;background:#fff;cursor:pointer;font-weight:700}.menu-settle-option.active,.menu-settle-option:focus,.menu-settle-option:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.menu-settle-actions{display:flex;justify-content:center;padding-top:8px}.menu-settle-btn{padding:12px 20px;border-radius:12px;background:var(--accent);color:#fff;border:none;font-weight:800;cursor:pointer;min-width:160px}.menu-settle-btn:disabled{opacity:.6;cursor:not-allowed}.menu-modal.menu-modal-result{max-width:360px;padding:28px 22px}.menu-modal-result-icon{font-size:48px;color:#16a34a;margin-bottom:12px}.menu-modal-result-text{font-weight:800;color:#374151}.menu-modal-radio{display:flex;align-items:center;gap:10px;padding:10px;background:transparent;border-radius:8px}.psd-page{display:flex;flex-direction:column;min-height:100vh;background:#f6f8fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#223}.psd-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fff;border-bottom:1px solid #e2e8f0}.psd-left{display:flex;align-items:center;gap:12px}.psd-back{border:none;background:transparent;font-size:20px;cursor:pointer;color:#333}.psd-brand{font-size:18px;font-weight:600;color:#1f3a5d}.psd-right{display:flex;align-items:center;gap:18px}.psd-customer-link{color:#1976d2;text-decoration:none;cursor:pointer;font-weight:600}.psd-payable{text-align:right;margin-right:6px}.psd-payable-label{font-size:14px;color:#333;font-weight:600;opacity:.9}.psd-payable-amount{font-size:28px;color:#7a1030;font-weight:800;margin-top:2px}.psd-settle-btn{background:linear-gradient(0deg,#5cb85c,#4caf50);border:none;color:#fff;padding:10px 18px;border-radius:8px;box-shadow:0 2px 8px #4caf502e;font-weight:700;cursor:pointer}.psd-main{padding:18px;flex:1}.psd-tabs{display:flex;gap:8px;margin-bottom:14px}.psd-tab{background:#fff;border:1px solid #ddd;padding:8px 14px;border-radius:6px 6px 0 0;cursor:pointer;font-weight:600;color:#2d3748}.psd-tab.active{background:#19a0e6;color:#fff;border-color:#19a0e6}.psd-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:auto;box-shadow:0 2px 6px #10182808}.psd-table{width:100%;border-collapse:collapse;min-width:740px}.psd-table thead th{text-align:left;padding:12px 16px;background:#f3f6f9;border-bottom:1px solid #e6eef6;font-weight:700}.psd-table tbody td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:14px}.psd-total-row{display:flex;justify-content:flex-end;gap:18px;margin-top:12px;align-items:center}.psd-total-label{font-weight:700;color:#222}.psd-total-amount{font-weight:900;font-size:20px;color:#7a1030}.psd-settle-small-btn{background:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 2px 4px #00000026;transition:.2s}.psd-settle-small-btn:hover{background:#43a047;transform:translateY(-1px)}.psd-modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000}.psd-modal.simple{width:360px;background:#fff;border-radius:18px;box-shadow:0 8px 30px #0000002e;animation:psdFadeIn .25s ease-out;overflow:hidden}@keyframes psdFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.psd-modal-header.simple{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-bottom:1px solid #e8eef5}.psd-modal-title{font-size:16px;font-weight:800;color:#1a73e8}.psd-modal-close{width:30px;height:30px;background:#ff4e5c;border-radius:50%;border:none;font-size:18px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.psd-modal-close:hover{background:#e24350}.psd-modal-body.simple{padding:16px;text-align:center}.psd-modal-subtitle{font-size:14px;font-weight:700;color:#374151;opacity:.9;margin-bottom:10px}.psd-payable-row{margin:12px 0}.psd-payable-label{font-size:14px;font-weight:700;color:#4b5563}.psd-payable-large{font-size:28px;font-weight:900;color:#7a1030;margin-top:4px}.psd-modes-grid{display:flex;justify-content:center;gap:12px;margin-top:10px}.psd-mode-box{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d4dce6;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;transition:.2s ease;min-width:85px}.psd-mode-box span{font-size:14px;font-weight:700;color:#1f2937}.psd-mode-box.active{border-color:#3bb46e;background:#e9f9f1;box-shadow:0 3px 8px #3bb46e40;transform:translateY(-2px)}.psd-mode-box:hover{border-color:#3bb46e}.psd-modal-footer.simple{padding:16px;display:flex;justify-content:center;border-top:1px solid #e8eef5;background:#fff}.psd-btn-confirm{width:140px;padding:10px 0;background:#1a9bf0;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px #1a9bf047;transition:.2s ease-in-out}.psd-btn-confirm:hover{background:#168cd8;transform:translateY(-1px)}.psd-settle-error{margin-top:8px;font-size:13px;font-weight:700;color:#b91c1c}.psd-success-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2500;pointer-events:none}.psd-success-box{pointer-events:auto;background:#fff;border-radius:12px;padding:18px 22px;width:200px;max-width:calc(100% - 40px);box-shadow:0 10px 30px #0000002e;display:flex;flex-direction:column;align-items:center;gap:8px;animation:psdSuccessPop .18s ease-out}.psd-success-text{color:#1f7a45;font-weight:800;font-size:14px;text-align:center}@keyframes psdSuccessPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.psd-modal.settle-top{width:380px;background:#fff;border-radius:22px;border:2px solid #dfe6ee;box-shadow:0 8px 30px #0000002e;animation:psdPopupEnter .22s ease-out;overflow:hidden}@keyframes psdPopupEnter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.psd-modal-header.simple{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-bottom:2px solid #e9eff5}.psd-modal-title{font-size:18px;font-weight:800;color:#1a73e8}.psd-modal-close{width:34px;height:34px;background:#ff4d5a;border-radius:50%;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.psd-modal-close:hover{background:#e3414d}.psd-modal-body.simple{padding:18px}.psd-modal-subtitle{font-size:14px;font-weight:700;color:#2d3c50;text-align:center;margin-bottom:12px}.psd-modal-body.simple label{cursor:pointer}.psd-radio-row input[type=radio]{accent-color:#1a73e8}.psd-modal-body .amount-big{font-size:22px;font-weight:900;color:#7a1030}.psd-partial-input{width:110px;padding:8px 10px;border:1px solid #d0d7de;border-radius:6px;font-size:14px}.psd-partial-input:disabled{background:#f3f4f6;color:#9ca3af}.psd-modes-grid{display:flex;gap:12px;justify-content:center;margin-top:10px}.psd-mode-box{display:flex;align-items:center;gap:6px;padding:10px 14px;min-width:90px;border-radius:10px;border:1px solid #d5dde7;background:#fff;cursor:pointer;font-weight:700;color:#374151;transition:.2s ease}.psd-mode-box.active{background:#e8f8ef;border-color:#41c06f;color:#1c3a2d;box-shadow:0 4px 10px #41c06f40;transform:translateY(-2px)}.psd-mode-box:hover{border-color:#41c06f}.psd-mode-box input{display:none}.psd-modal-footer.simple{padding:16px;display:flex;justify-content:center;background:#fff;border-top:1px solid #e5eaf0}.psd-btn-confirm{width:160px;padding:12px 0;font-size:15px;font-weight:800;border:none;border-radius:10px;background:#1a9bf0;color:#fff;cursor:pointer;box-shadow:0 6px 18px #1a9bf040;transition:.2s}.psd-btn-confirm:hover:not(:disabled){background:#1488d3;transform:translateY(-2px)}.psd-btn-confirm:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.psd-settle-error{margin-top:8px;font-size:13px;font-weight:700;color:#d33030;text-align:center}.psd-modal-backdrop{position:fixed;inset:0;background:#0a121a73;display:flex;align-items:center;justify-content:center;z-index:2000}:root{--primary: #0f766e;--primary-dark: #064e3b;--bg-main: #ffffff;--bg-soft: #f8fafc;--bg-dark: #020617;--text-main: #0f172a;--text-muted: #475569;--text-light: #94a3b8;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--h1: 3.6rem;--h2: 2.5rem;--h3: 1.6rem;--body-lg: 1.15rem;--body: 1rem}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.home-root{font-family:Inter,system-ui,sans-serif;background:var(--bg-main);color:var(--text-main);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}.home-container{max-width:1200px;margin:0 auto;padding:0 24px}.home-container.narrow{max-width:860px}.home-header{position:fixed;top:0;left:0;width:100%;height:72px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb;z-index:1000}.home-header-inner{height:72px;display:flex;justify-content:space-between;align-items:center}.home-logo{font-size:22px;font-weight:800;color:var(--primary)}.home-nav{display:flex;gap:16px}.home-link{background:none;border:none;font-weight:600;cursor:pointer;color:var(--text-main)}.home-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:12px 22px;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;box-shadow:0 8px 24px #0f766e59;transition:transform .25s ease,box-shadow .25s ease}.home-btn-primary.large{padding:16px 36px;font-size:1rem}.home-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0f766e73}.home-btn-secondary{background:transparent;border:1.5px solid #cbd5e1;padding:12px 22px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.home-btn-secondary:hover{transform:translateY(-1px);border-color:var(--primary)}.home-hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at top right,rgba(15,118,110,.08),transparent 40%),radial-gradient(circle at bottom left,rgba(2,6,23,.06),transparent 40%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.hero-text h2{font-size:var(--h1);font-weight:900;line-height:1.05;letter-spacing:-.04em;max-width:700px}.hero-text p{margin-top:18px;font-size:var(--body-lg);color:var(--text-muted);max-width:560px}.hero-actions{margin-top:36px;display:flex;gap:18px;flex-wrap:wrap}.hero-metrics{display:grid;gap:18px}.metric-card{background:var(--bg-main);padding:26px;border-radius:var(--radius-lg);box-shadow:0 10px 32px #00000014;transition:transform .25s ease,box-shadow .25s ease}.metric-card h3{margin:0;font-size:1.4rem;font-weight:800}.metric-card p{margin-top:6px;color:var(--text-muted)}.metric-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #00000024}.home-section{padding:120px 0}.home-section.alt{background:var(--bg-soft)}.section-title{font-size:var(--h2);font-weight:800;letter-spacing:-.03em;margin-bottom:56px;text-align:center}.lead-text{font-size:var(--body-lg);font-weight:500;margin-bottom:18px}.muted-text{color:var(--text-muted);margin-bottom:14px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.why-card{background:var(--bg-main);padding:34px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.why-card h4{margin-top:0;font-size:1.25rem;font-weight:700}.why-card p{color:var(--text-muted)}.why-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #00000024}.feature-stack{display:grid;gap:36px}.feature-block{background:var(--bg-soft);padding:36px;border-radius:var(--radius-lg)}.feature-block h3{margin-top:0;font-size:var(--h3);font-weight:800}.feature-block p{margin-top:10px;color:var(--text-muted)}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;text-align:center}.step{background:var(--bg-main);padding:26px;border-radius:var(--radius-md);transition:transform .2s ease}.step span{font-size:2.2rem;font-weight:800;color:var(--primary)}.step p{margin-top:10px;font-size:var(--body)}.step:hover{transform:scale(1.05)}.audience-grid.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience-card{background:var(--bg-main);padding:32px;border-radius:var(--radius-lg);transition:transform .25s ease,box-shadow .25s ease}.audience-card h4{margin-top:0;font-size:1.25rem;font-weight:700}.audience-card p{color:var(--text-muted)}.audience-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #00000024}.security-list{list-style:none;padding:0}.security-list li{padding-left:22px;margin-bottom:12px;position:relative;color:var(--text-muted)}.security-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.home-cta{background:linear-gradient(135deg,#020617,#020617);color:#fff;text-align:center;padding:120px 0}.home-cta h2{font-size:var(--h2);font-weight:900}.home-cta p{margin-top:16px;color:var(--text-light);font-size:var(--body-lg)}.home-footer{background:#020617;padding:36px;text-align:center;color:var(--text-light);font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.home-section,.hero-text,.metric-card,.why-card,.feature-block,.step,.audience-card{animation:fadeUp .7s ease both}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:48px}.why-grid,.audience-grid.cards{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.hero-text h2{font-size:2.8rem}}@media(max-width:640px){.steps-grid{grid-template-columns:1fr}.home-section{padding:80px 0}}.register-page{min-height:100vh;background:#eaf6fb;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-card{display:grid;grid-template-columns:1fr 1.2fr;width:900px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #00000014}.register-left{background:linear-gradient(160deg,#0f766e,#115e59);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.brand h1{font-size:26px;margin:12px 0 4px}.brand p{font-size:14px;opacity:.9}.brand-icon{width:42px;height:42px;border-radius:12px;border:2px solid rgba(255,255,255,.6)}.device-mock{width:200px;height:120px;border-radius:16px;border:2px solid rgba(255,255,255,.35);margin-top:40px}.register-right{padding:48px}.register-right h2{font-size:24px;margin-bottom:6px}.subtitle{font-size:14px;color:#64748b;margin-bottom:28px}.register-right form{display:flex;flex-direction:column;gap:14px}.register-right label{font-size:12px;font-weight:600;color:#0f766e}.register-right input{padding:12px 14px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.register-right input:focus{outline:none;border-color:#0f766e}.register-right button{margin-top:14px;padding:13px;background:linear-gradient(180deg,#0f766e,#0b5f58);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.register-right button:hover{opacity:.95}.footer-text{margin-top:18px;font-size:14px;color:#64748b}.footer-text span{color:#0f766e;font-weight:600;cursor:pointer}.register-page footer{margin-top:20px;font-size:13px;color:#64748b}@media(max-width:900px){.register-card{grid-template-columns:1fr;width:95%}.register-left{display:none}}.error-message{background:#fff1f2;color:#991b1b;padding:10px 12px;border-radius:8px;font-size:13px;margin-top:6px}.login-link button{background:none;border:none;color:#0f766e;font-weight:600;cursor:pointer;padding:0}.admin-container{height:100vh;background:#f6f8fb;display:flex;flex-direction:column}.admin-header{display:flex;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;gap:12px}.admin-main{flex:1;display:flex}.admin-sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;padding:16px}.admin-back-btn{background:transparent;font-size:30px;text-align:center;font-weight:600}.admin-sidebar-title{margin-bottom:16px;font-size:14px;color:#64748b}.admin-btn{padding:14px;background:#f1f5f9;cursor:pointer;font-weight:500;transition:all .2s ease;margin-top:15px;border-radius:30px}.admin-btn:hover{background:#e2e8f0}.admin-btn.active{background:#0f766e;color:#fff}.admin-content{flex:1;padding:24px;overflow-y:auto}.admin-section-title{margin-bottom:20px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin:0 250px}.pricing-card{background:#fff;border-radius:14px;padding:20px;border:1px solid #e5e7eb;text-align:center}.pricing-card h3{margin-bottom:8px}.price{font-size:22px;font-weight:700;margin:12px 0}.pricing-card ul{list-style:none;padding:0;margin-bottom:16px}.pricing-card li{margin-bottom:6px}.pricing-card button{width:75%;padding:10px;border-radius:8px;border:none;background:#0f766e;color:#fff;cursor:pointer}.pricing-card.highlight{border:2px solid #0f766e;transform:scale(1.03)}.plan-description{font-size:14px;color:#64748b;margin-bottom:16px}.duration{font-size:13px;color:#64748b}.admin-placeholder{padding:40px;text-align:center;color:#64748b}.admin-placeholder.error{color:#dc2626}.users-container{width:100%;height:100%;display:flex;flex-direction:column;padding:24px;background:#f5f5f5;overflow-y:auto}.users-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.users-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.users-count{margin:0;font-size:14px;color:#666;background:#e8f5e9;padding:6px 12px;border-radius:4px;font-weight:500}.users-placeholder,.users-error{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;font-size:16px;color:#666;min-height:400px;flex-direction:column;gap:16px}.users-error{color:#d32f2f;padding:24px;text-align:center}.users-error button{padding:8px 16px;background:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.users-error button:hover{background:#b71c1c}.users-empty{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;font-size:16px;color:#999;min-height:400px}.users-table-wrap{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table thead{background:#f9f9f9;border-bottom:2px solid #e0e0e0}.users-table th{padding:12px 16px;text-align:left;font-weight:600;color:#555;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.users-table tbody tr:hover{background:#fafafa}.users-table td{padding:12px 16px;color:#333}.role-badge,.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.role-badge{background:#e3f2fd;color:#1976d2}.role-admin{background:#fff3e0;color:#f57c00}.role-manager{background:#f3e5f5;color:#7b1fa2}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#c62828}@media(max-width:768px){.users-container{padding:16px}.users-header{flex-direction:column;align-items:flex-start;gap:12px}.users-table{font-size:12px}.users-table th,.users-table td{padding:8px 12px}}.users-table-row{cursor:pointer}.users-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.users-popup{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 20px #0003;animation:slideIn .3s ease-out;position:relative}.users-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.users-popup-close:hover{color:#333}.users-popup-title{margin:0 0 16px;font-size:20px;font-weight:600;color:#333}.users-popup-content{margin-bottom:20px;padding:16px;background:#f5f5f5;border-radius:8px}.users-popup-field{margin-bottom:12px}.users-popup-field:last-child{margin-bottom:0}.users-popup-field label{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:4px}.users-popup-field p{margin:0;font-size:14px;color:#333;font-weight:500}.users-popup-field p.status-active{color:#2e7d32;font-weight:600}.users-popup-field p.status-inactive{color:#c62828;font-weight:600}.users-popup-message{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;font-weight:500;text-align:center}.users-popup-confirmation{background:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;padding:16px;margin-bottom:16px}.users-popup-confirmation p{margin:0 0 16px;font-size:14px;color:#333;font-weight:500}.users-popup-actions{display:flex;gap:8px;justify-content:flex-end}.users-popup-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase}.users-popup-btn:disabled{opacity:.6;cursor:not-allowed}.users-popup-btn.btn-enable{background:#4caf50;color:#fff}.users-popup-btn.btn-enable:hover:not(:disabled){background:#45a049;box-shadow:0 2px 8px #4caf504d}.users-popup-btn.btn-disable{background:#f44336;color:#fff}.users-popup-btn.btn-disable:hover:not(:disabled){background:#da190b;box-shadow:0 2px 8px #f443364d}.users-popup-btn.confirm-btn{background:#2196f3;color:#fff}.users-popup-btn.confirm-btn:hover:not(:disabled){background:#0b7dda;box-shadow:0 2px 8px #2196f34d}.users-popup-btn.cancel-btn{background:#e0e0e0;color:#333}.users-popup-btn.cancel-btn:hover:not(:disabled){background:#bdbdbd}.users-add-btn{position:fixed;right:28px;bottom:28px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0f172a33;border:none;cursor:pointer;z-index:1200;transition:transform .12s ease,box-shadow .12s ease}.users-add-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0f172a40}.users-add-modal{max-width:520px;width:100%}.users-form{display:flex;flex-direction:column;gap:12px}.users-popup-content{margin-bottom:0;padding:12px;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:12px}.users-popup-field label{display:block;font-size:12px;font-weight:700;color:#666;text-transform:uppercase;margin-bottom:6px}.users-popup-field input,.users-popup-field select{padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;width:100%;box-sizing:border-box}.users-popup-field input:focus,.users-popup-field select:focus{border-color:var(--accent);box-shadow:0 4px 12px #0f776e14}.form-error{color:#c62828;font-size:13px;margin-top:6px}.config-container{width:100%;height:100%;display:flex;flex-direction:column;padding:24px;background:#f5f5f5;overflow-y:auto}.config-header{margin-bottom:32px}.config-header h2{margin:0;font-size:28px;font-weight:700;color:#333}.config-subtitle{margin:8px 0 0;font-size:14px;color:#666}.config-tenant-info{margin:8px 0 0;font-size:13px;color:#666;padding:8px 12px;background:#f5f5f5;border-radius:4px;display:inline-block}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.config-loading{text-align:center;padding:40px 20px;font-size:16px;color:#666}.config-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2;border-radius:6px;padding:12px 16px;margin-bottom:24px;font-size:14px;font-weight:500}.config-module{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.config-module-header{margin-bottom:16px;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.config-module-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.config-module-hint{margin:4px 0 0;font-size:12px;color:#999}.config-preview-area{width:100%;height:200px;background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;flex-shrink:0;position:relative}.config-preview-area.banner{height:200px}.config-preview{width:100%;height:100%;object-fit:contain;display:block}.config-placeholder{text-align:center;color:#999;display:flex;flex-direction:column;align-items:center;gap:8px}.config-placeholder-icon{font-size:40px}.config-placeholder p{margin:0;font-size:14px}.config-file-input-label{display:block;margin-bottom:12px}.config-file-input{display:none}.config-file-button{display:inline-block;padding:10px 16px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s;width:100%;box-sizing:border-box}.config-file-button:hover{background:#bbdefb}.config-file-input:disabled+.config-file-button{opacity:.6;cursor:not-allowed}.config-message{padding:10px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;font-weight:500}.message-success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.message-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.config-upload-btn{width:100%;padding:12px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.config-upload-btn:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d}.config-upload-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.config-upload-btn:active:not(:disabled){transform:scale(.98)}@media(max-width:768px){.config-container{padding:16px}.config-header h2{font-size:24px}.config-grid{grid-template-columns:1fr;gap:16px}.config-module{padding:16px}.config-preview-area{height:150px}.config-preview-area.banner{height:100px}}.im-panel{padding:20px;background:#fff;height:100%;display:flex;flex-direction:column}.im-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.im-header h2{margin:0;color:#0f766e;font-weight:800}.im-sub{margin:4px 0 0;color:#64748b;font-size:.9rem}.im-error{background:#fff1f2;color:#991b1b;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:600}.im-add-btn{background:#0f766e;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0f766e1f}.im-add-btn:hover{opacity:.95}.im-loading{padding:30px;text-align:center;color:#64748b;font-weight:600}.im-table-wrap{flex:1;overflow-y:auto;border:1px solid #eef2f6;border-radius:10px}.im-table{width:100%;border-collapse:collapse;table-layout:fixed}.im-table thead{position:sticky;top:0;background:#f8fafb;z-index:2}.im-table th,.im-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;text-align:left;font-size:.9rem}.im-table tbody tr:nth-child(2n){background:#fbfcfd}.im-table tbody tr:hover{background:#f9fbfd}.im-col-name{width:34%}.im-col-category{width:20%}.im-col-price{width:12%;text-align:right;color:#0f766e;font-weight:700}.im-col-availability,.im-col-active{width:17%;text-align:center}.im-col-image{width:70px;text-align:center;padding:6px 8px}.im-table-img{height:30px;border-radius:6px;object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb}.im-status-badge{min-width:72px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.im-status-badge.available{background:#dcfce7;color:#166534}.im-status-badge.unavailable{background:#fee2e2;color:#991b1b}.im-status-badge.active{background:#cffafe;color:#0c4a6e}.im-status-badge.inactive{background:#f3f4f6;color:#6b7280}.im-status-badge:hover:not(:disabled){transform:translateY(-1px)}.im-status-badge:disabled{opacity:.6;cursor:not-allowed}.im-delete-btn{width:36px;height:36px;padding:0;border:1px solid #fee2e2;background:#fef2f2;border-radius:6px;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.im-delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;transform:scale(1.05)}.im-delete-btn:active:not(:disabled){transform:scale(.95)}.im-delete-btn:disabled{opacity:.5;cursor:not-allowed}.im-update-btn{width:36px;height:36px;padding:0;border:1px solid #e6f3ff;background:#eff8ff;border-radius:6px;font-size:16px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.im-update-btn{color:#0b1220}.im-update-btn:hover:not(:disabled){background:#e0f2ff;transform:scale(1.05)}.im-update-btn:active:not(:disabled){transform:scale(.96)}.im-update-btn:disabled{opacity:.6;cursor:not-allowed}.im-image-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#02061773;z-index:20000}.im-image-modal{width:420px;max-width:calc(100% - 40px);background:#fff;border-radius:12px;box-shadow:0 20px 60px #02061759;padding:28px;display:flex;flex-direction:column;gap:16px}.im-image-modal .im-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:relative}.im-image-modal .im-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#1f2937}.im-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.im-modal-close:hover{color:#374151}.im-image-modal .im-field{display:flex;flex-direction:column;gap:6px}.im-image-modal .im-field label{font-weight:600;font-size:13px;color:#4b5563;text-transform:uppercase;letter-spacing:.3px}.im-image-modal .im-field input[type=text],.im-image-modal .im-field input[type=number],.im-image-modal .im-field select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.im-image-modal .im-field input[type=text]:focus,.im-image-modal .im-field input[type=number]:focus,.im-image-modal .im-field select:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a}.im-image-modal .im-modal-preview{width:350px;height:350px;border-radius:8px;object-fit:cover;border:1px solid #e6eef0;background:#f8fafb}.im-image-modal .im-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.im-btn-cancel{padding:10px 20px;background:#e5e7eb;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.im-btn-cancel:hover:not(:disabled){background:#d1d5db}.im-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.im-btn-primary{padding:10px 20px;background:#2563eb;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.im-btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.im-btn-primary:disabled{opacity:.6;cursor:not-allowed}.im-image-input{display:flex;gap:8px;align-items:center}.im-image-input input[type=file]{display:block}.im-clickable{cursor:pointer}.im-toast{position:fixed;bottom:24px;right:24px;min-width:260px;max-width:360px;padding:14px 18px;border-radius:12px;font-weight:700;font-size:.9rem;z-index:10000;box-shadow:0 12px 30px #00000040;animation:toastIn .25s ease,toastOut .25s ease .75s}.im-toast.success{background:#dcfce7;color:#166534}.im-toast.error{background:#fee2e2;color:#991b1b}.im-toast-message{line-height:1.4}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{to{opacity:0;transform:translate(20px)}}.im-table-wrap::-webkit-scrollbar{width:10px}.im-table-wrap::-webkit-scrollbar-thumb{background:#0f766e26;border-radius:10px}@media(max-width:768px){.im-col-price{text-align:left}.im-toast{right:12px;bottom:12px;max-width:calc(100% - 24px)}}:root{--primary: #0f766e;--primary-dark: #0d5d5a;--primary-light: #14b8a6;--dark: #0f172a;--dark-secondary: #1e293b;--light: #f8fafc;--light-secondary: #f1f5f9;--muted: #64748b;--muted-light: #cbd5e1;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px rgba(15, 23, 42, .1);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .1);--shadow-xl: 0 20px 25px rgba(15, 23, 42, .12);--shadow-2xl: 0 25px 50px rgba(15, 23, 42, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Monaco", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-sans);line-height:1.6;color:var(--dark);background-color:var(--light);font-size:14px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--dark)}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}p{line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:14px;border-radius:var(--radius-md);border:1px solid var(--muted-light);padding:10px 12px;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1a}input::placeholder{color:var(--muted)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-2{gap:8px}.p-4{padding:16px}.m-0{margin:0}@media(max-width:768px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}@media(max-width:480px){h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}