@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--purple:#5b148c;--purple-dark:#25003f;--purple-deep:#18002b;--purple-soft:#f3eaf9;--orange:#ff5a00;--orange-2:#ff7b00;--green:#21a546;--ink:#1f1630;--muted:#7b7286;--line:#ece7f0;--bg:#f7f4fa;--white:#fff;--shadow:0 10px 30px rgba(55,12,83,.08)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:linear-gradient(135deg,#faf8fc 0%,#f7f2fa 45%,#fff7f1 100%);font-family:'Inter',sans-serif;color:var(--ink);font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;background:linear-gradient(180deg,var(--purple-deep),#32104b 52%,#49116d);color:#fff;z-index:1040;display:flex;flex-direction:column;box-shadow:10px 0 35px rgba(37,0,63,.12)}.brand-panel{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.09);min-height:82px}.brand-panel img{width:52px;height:52px;object-fit:cover;border-radius:14px;background:#fff;padding:2px}.brand-title{font-size:18px;font-weight:800;letter-spacing:.4px;line-height:1}.brand-title span{color:var(--orange)}.brand-panel small{display:block;color:#cbb9d8;font-size:9px;margin-top:6px}.sidebar-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:21px}.merchant-box{margin:14px 14px 8px;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;gap:10px;align-items:center}.merchant-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--orange),#ff9342);display:grid;place-items:center;color:#fff}.merchant-box strong,.merchant-box small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-box strong{font-size:12px}.merchant-box small{font-size:10px;color:#cdbed5;margin-top:3px}.min-w-0{min-width:0}.side-nav{overflow-y:auto;padding:7px 10px 18px;flex:1}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:10px}.nav-caption{font-size:9px;letter-spacing:1.2px;color:#a993b7;font-weight:700;padding:15px 12px 6px}.side-nav a,.sidebar-footer a{display:flex;align-items:center;gap:12px;color:#dacfe0;text-decoration:none;border-radius:11px;padding:10px 12px;margin:2px 0;font-size:12px;font-weight:600;transition:.18s}.side-nav a i,.sidebar-footer a i{width:18px;text-align:center;font-size:14px}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(255,90,0,.22),rgba(255,255,255,.08));color:#fff}.side-nav a.active{box-shadow:inset 3px 0 0 var(--orange)}.billing-link b{margin-left:auto;background:var(--orange);font-size:8px;padding:3px 6px;border-radius:6px;color:#fff}.sidebar-footer{padding:10px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer a{color:#ffc7b0}.content-shell{margin-left:272px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1020;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.topbar-left{display:flex;align-items:center;gap:13px}.topbar h1{font-size:18px;margin:0;font-weight:800}.topbar small{color:var(--muted);font-size:10px}.menu-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;color:var(--purple);display:none}.topbar-actions{display:flex;align-items:center;gap:10px}.branch-switch .btn{border:1px solid var(--line);font-size:11px;font-weight:600;border-radius:10px}.quick-pos{height:40px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;text-decoration:none;padding:0 14px;border-radius:10px;font-size:11px;font-weight:700;box-shadow:0 7px 15px rgba(255,90,0,.2)}.user-chip{display:flex;align-items:center;gap:8px;padding-left:4px}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;display:grid;place-items:center;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{font-size:9px;color:var(--muted)}.page-content{padding:22px;flex:1}.app-footer{display:flex;justify-content:space-between;padding:13px 25px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:10px}.card{border:1px solid rgba(91,20,140,.06)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;background:#fff}.card h4,.card h5{font-weight:800;color:var(--ink)}.stat{min-height:126px;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;width:75px;height:75px;border-radius:50%;right:-24px;top:-20px;background:linear-gradient(135deg,rgba(91,20,140,.09),rgba(255,90,0,.1))}.stat small{color:var(--muted);font-weight:600}.stat h3{color:var(--purple-dark);font-size:24px;font-weight:800;margin-top:9px}.form-control,.form-select{min-height:42px;border-radius:10px;border-color:#ded7e4;font-size:12px}.form-control:focus,.form-select:focus{border-color:#a76cc8;box-shadow:0 0 0 .18rem rgba(91,20,140,.1)}label,.form-label{font-size:11px;font-weight:700;margin-bottom:6px;color:#54485d}.btn{border-radius:10px;font-size:12px;font-weight:700;min-height:40px}.btn-dark{background:linear-gradient(135deg,var(--purple-dark),var(--purple));border:0}.btn-warning{background:linear-gradient(135deg,var(--orange),var(--orange-2));border:0;color:#fff}.btn-warning:hover{color:#fff}.btn-primary{background:var(--purple);border-color:var(--purple)}.btn-outline-primary{border-color:var(--purple);color:var(--purple)}.btn-outline-primary:hover{background:var(--purple);border-color:var(--purple)}.table{font-size:11px;vertical-align:middle;margin-bottom:0}.table thead th{background:#faf8fb;color:#5b4c63;border-bottom:1px solid var(--line);padding:12px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.table td{padding:11px 10px;border-color:#f1edf3}.table-hover tbody tr:hover{background:#fff9f4}.badge{font-size:9px;border-radius:7px;padding:5px 7px}.dropdown-menu{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;font-size:11px}.dropdown-item.active,.dropdown-item:active{background:var(--purple)}.app-alert{border:0;border-radius:12px;font-size:12px;box-shadow:var(--shadow)}.pos-total{font-size:22px;font-weight:800;color:var(--purple-dark)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-heading h3{font-size:19px;font-weight:800;margin:0}.page-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}.metric-card{padding:16px;display:flex;align-items:center;gap:13px}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:17px}.metric-icon.purple{background:linear-gradient(135deg,#5b148c,#8b36b8)}.metric-icon.orange{background:linear-gradient(135deg,#ff5a00,#ff8a28)}.metric-icon.green{background:linear-gradient(135deg,#15913a,#34c759)}.metric-icon.blue{background:linear-gradient(135deg,#1266b5,#3295df)}.metric-card small{display:block;color:var(--muted);font-size:10px;font-weight:600}.metric-card h3{font-size:20px;font-weight:800;margin:3px 0 0}.action-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.2s}.action-card:hover{transform:translateY(-2px);border-color:#d5bcdf;box-shadow:var(--shadow);color:var(--purple)}.action-card i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple)}.action-card strong{font-size:11px}.action-card small{font-size:9px;color:var(--muted);display:block}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h5{margin:0;font-size:14px}.section-title a{font-size:10px;color:var(--purple);text-decoration:none;font-weight:700}.mobile-bottom-nav{display:none}.sidebar-overlay{display:none}.login-page{min-height:100vh;background:linear-gradient(135deg,#18002b 0%,#53117d 50%,#ff5a00 150%);display:grid;place-items:center;padding:25px}.auth-card{width:min(960px,100%);display:grid;grid-template-columns:1.05fr .95fr;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(16,0,27,.35)}.auth-visual{padding:45px;background:radial-gradient(circle at 20% 10%,rgba(255,90,0,.3),transparent 32%),linear-gradient(145deg,#1e0034,#581086);color:#fff;position:relative}.auth-visual img{width:190px;max-width:65%;background:#fff;border-radius:24px;padding:5px}.auth-visual h2{font-size:31px;font-weight:800;margin-top:28px}.auth-visual p{color:#d9c8e3;max-width:380px}.auth-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.auth-pills span{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);padding:7px 10px;border-radius:10px;font-size:9px}.auth-form{padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-form .logo-mini{font-size:21px;font-weight:800;color:var(--purple-dark)}.auth-form .logo-mini span{color:var(--orange)}.auth-form h1{font-size:25px;font-weight:800;margin:20px 0 5px}.auth-form p{font-size:11px;color:var(--muted)}.auth-form .form-control,.auth-form .form-select{min-height:48px}.auth-form .btn{min-height:48px}.auth-note{font-size:10px;color:var(--muted);text-align:center;margin-top:16px}.login-link{color:var(--purple);font-weight:700;text-decoration:none}.price-label-note{background:#fff5ed;border:1px solid #ffe0cb;color:#87401b;border-radius:12px;padding:11px;font-size:10px}@media(max-width:1199px){.sidebar{width:245px}.content-shell{margin-left:245px}.branch-switch{display:none}}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.23s;width:270px}.sidebar.show{transform:translateX(0)}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(22,0,37,.48);z-index:1030}.content-shell{margin-left:0}.menu-btn{display:grid;place-items:center}.page-content{padding:17px}.topbar{padding:0 17px}.auth-card{grid-template-columns:1fr}.auth-visual{display:none}.auth-form{padding:35px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);z-index:1025;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{color:#85788e;text-decoration:none;font-size:8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:48px}.mobile-bottom-nav i{font-size:16px}.mobile-bottom-nav a.active{color:var(--purple)}.mobile-bottom-nav .pos-mobile{margin-top:-27px;color:#fff}.mobile-bottom-nav .pos-mobile i{width:47px;height:47px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 8px 18px rgba(255,90,0,.3)}.page-content{padding-bottom:82px}.app-footer{display:none}}@media(max-width:575px){.topbar{height:68px}.topbar h1{font-size:15px}.topbar small{font-size:8px}.quick-pos span,.user-chip{display:none}.quick-pos{width:39px;padding:0;justify-content:center}.page-content{padding:12px}.card{border-radius:14px!important}.stat{min-height:108px}.stat h3{font-size:18px}.table-responsive{font-size:10px}.auth-form{padding:27px 22px}.auth-form h1{font-size:22px}.page-heading{align-items:flex-start}.page-heading .btn{white-space:nowrap}.metric-card{padding:12px}.metric-icon{width:39px;height:39px}.metric-card h3{font-size:17px}}