:root{--ink:#182740;--muted:#64748b;--accent:#5264e8;--line:rgba(113,135,176,.18);--surface:rgba(255,255,255,.84);--bs-primary:#5264e8;--bs-primary-rgb:82,100,232}
body.pos-interface{color:var(--ink);font-family:Inter,'Segoe UI',Tahoma,sans-serif;background:radial-gradient(ellipse at 95% 0%,#e3e5ff 0,transparent 45%),radial-gradient(ellipse at 0% 70%,#d9f3ef 0,transparent 45%),#f3f6fc;background-attachment:fixed;min-height:100vh}
.pos-interface #wrapper{min-height:100vh;align-items:flex-start}.pos-interface #page-content-wrapper{min-width:0;flex:1}.pos-interface #sidebar-wrapper{width:264px;flex:0 0 264px;height:100dvh;position:sticky;top:0;overflow-y:auto;background:linear-gradient(155deg,#1e2e50,#263559 55%,#254950);color:#fff;border-inline-end:1px solid rgba(255,255,255,.12);padding:16px 12px;scrollbar-width:thin;z-index:1030}
.pos-interface .sidebar-heading{padding:16px 10px 26px!important;border-bottom:1px solid #ffffff17;margin-bottom:18px}.brand-lockup{display:flex;align-items:center;gap:12px;font-weight:750;font-size:1.25rem}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#8390ff,#45c8c3);box-shadow:0 5px 20px #0002}.brand-caption{display:block;font-size:.6rem;letter-spacing:2px;margin-top:3px;color:#bac9e2}.pos-interface #sidebar-wrapper .list-group-item{border:0;background:transparent;color:#d4dff0;border-radius:12px;padding:13px 14px;margin-bottom:4px;font-size:.9rem;transition:background .18s,color .18s}.pos-interface #sidebar-wrapper .list-group-item:hover{background:#ffffff12;color:#fff}.pos-interface #sidebar-wrapper .list-group-item.active{background:linear-gradient(110deg,#6678ed66,#4cc1b133);color:#fff;box-shadow:inset 0 0 0 1px #a4b7ff33;font-weight:650}.pos-interface #sidebar-wrapper .collapse{padding-inline-start:12px!important;border-inline-start:1px solid #ffffff1a;margin-inline-start:20px}.pos-interface #sidebar-wrapper .collapse a{font-size:.83rem;padding:10px}.sidebar-close{display:none;color:white;background:#ffffff15;border:0;border-radius:10px;width:40px;height:40px}.sidebar-backdrop{position:fixed;inset:0;background:#10203f75;backdrop-filter:blur(3px);border:0;z-index:1040}.sidebar-backdrop[hidden]{display:none}
.pos-interface .navbar{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px);border-color:var(--line)!important;box-shadow:0 4px 24px #263a6310!important;min-height:80px;padding:12px 22px!important}.pos-interface .navbar-brand{font-size:1.08rem;color:var(--ink)!important}.pos-interface #userMenu{background:rgba(244,247,255,.8);border-color:var(--line)!important;gap:3px}.pos-interface #main-content{padding:28px!important;max-width:1800px;margin:auto;outline:none}.pos-interface main>.container,.pos-interface main>.container-fluid{padding-inline:0}.pos-interface main h1,.pos-interface main h2,.pos-interface main h3{letter-spacing:-.5px;color:var(--ink);font-weight:750}.pos-interface main h1{font-size:1.65rem}.pos-interface .text-muted{color:var(--muted)!important}
.pos-interface main .card,.pos-interface .modal-content,.pos-interface .dropdown-menu{background:var(--surface);border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 8px 30px #253c6710!important}.pos-interface main .card{overflow:hidden}.pos-interface main .card-header{background:rgba(243,246,255,.65);border-bottom:1px solid var(--line);padding:18px 22px;font-weight:650}.pos-interface main .card-body{padding:22px}.pos-interface .modal-content{background:#f9fbff}.pos-interface .modal-header{padding:20px;border-bottom:1px solid var(--line)}.pos-interface .modal-footer{border-top:1px solid var(--line)}.pos-interface .dropdown-menu{padding:8px;background:#fff}.pos-interface .dropdown-item{border-radius:9px;padding:10px 12px}.pos-interface .btn{border-radius:11px;min-height:42px;padding:9px 16px;font-weight:600;transition:box-shadow .18s,background .18s,transform .18s}.pos-interface .btn-primary{background:linear-gradient(120deg,#5264e8,#7179ee);border-color:#5264e8;box-shadow:0 4px 12px #5264e825}.pos-interface .btn-success{background:linear-gradient(120deg,#128578,#21a28f);border-color:#128578}.pos-interface .btn:hover{box-shadow:0 5px 15px #2030501c;transform:translateY(-1px)}.pos-interface .btn:active{transform:translateY(0)}.pos-interface .btn-group .btn{border-radius:0}.pos-interface .btn-group .btn:first-of-type{border-radius:10px 0 0 10px}.pos-interface .btn-group .btn:last-of-type{border-radius:0 10px 10px 0}.pos-interface .form-control,.pos-interface .form-select{border-radius:11px;border-color:#d7dfed;background:#ffffffde;min-height:44px;padding:10px 13px;color:var(--ink)}.pos-interface .form-control:focus,.pos-interface .form-select:focus{border-color:#8996ef;box-shadow:0 0 0 4px #5264e815}.pos-interface .form-label{font-weight:600;font-size:.88rem;margin-bottom:7px}.pos-interface .alert{border-radius:14px;padding:16px 20px}.pos-interface .table{--bs-table-bg:transparent;--bs-table-striped-bg:rgba(233,239,250,.42);--bs-table-hover-bg:rgba(230,235,253,.6);color:var(--ink);margin-bottom:0}.pos-interface .table th{font-size:.78rem;font-weight:700;color:#50617d;padding:15px 16px;background:#eef2fa;border-color:var(--line);white-space:nowrap}.pos-interface .table td{padding:14px 16px;border-color:var(--line);vertical-align:middle;font-size:.88rem}.pos-interface .table-responsive{border-radius:14px;scrollbar-width:thin;overscroll-behavior-x:contain}.pos-interface .table-scroll{overflow-x:auto;max-width:100%;border-radius:14px}.pos-interface .badge{border-radius:7px;padding:6px 9px;line-height:1.3}.pos-interface .pagination{flex-wrap:wrap;gap:4px}.pos-interface .page-link{border-radius:8px!important;border-color:var(--line);color:var(--accent)}
.pos-interface main .kpi-card{position:relative;border-radius:20px!important;min-height:134px}.pos-interface main .kpi-card:after{content:'';position:absolute;inset-inline-end:-28px;top:-45px;width:150px;height:150px;border:24px solid #ffffff10;border-radius:50%;pointer-events:none}.pos-interface main .kpi-card .kpi-label{font-size:.82rem;color:#fff;opacity:.95}.pos-interface main .kpi-card .kpi-value{font-size:1.6rem;font-weight:750;letter-spacing:-.4px}.pos-interface .bg-grad-green{background:linear-gradient(125deg,#158b83,#3eaba4)!important}.pos-interface .bg-grad-blue{background:linear-gradient(125deg,#4662d6,#7489eb)!important}.pos-interface .bg-grad-purple{background:linear-gradient(125deg,#7955b8,#9a78d2)!important}.pos-interface .bg-grad-orange{background:linear-gradient(125deg,#b87335,#dba264)!important}.pos-interface .card-img-top{background:linear-gradient(130deg,#edf1ff,#e9f7f5)!important;padding:20px!important}.pos-interface .hover-shadow{transition:transform .2s,box-shadow .2s}.pos-interface .hover-shadow:hover{transform:translateY(-4px);box-shadow:0 12px 32px #263b6720!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:2000;background:#fff;padding:12px 20px;border-radius:10px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #8491f3;outline-offset:3px}
@keyframes panel-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.pos-interface #main-content{animation:panel-enter .35s ease-out}.pos-interface .dropdown-menu{animation:panel-enter .16s ease-out}
@media(max-width:1199px){.pos-interface #sidebar-wrapper{width:235px;flex-basis:235px}.pos-interface #main-content{padding:22px!important}}
@media(max-width:991.98px){.pos-interface #sidebar-wrapper{position:fixed;inset-block:0;inset-inline-start:0;width:280px;max-width:85vw;height:100dvh;z-index:1045;transform:translateX(-105%);transition:transform .24s ease;visibility:hidden}.pos-interface[dir=rtl] #sidebar-wrapper,html[dir=rtl] .pos-interface #sidebar-wrapper{transform:translateX(105%)}.pos-interface #sidebar-wrapper.active{transform:translateX(0)!important;visibility:visible}.sidebar-close{display:block}.nav-open{overflow:hidden}.pos-interface .navbar{min-height:72px;padding:10px 14px!important}.pos-interface #main-content{padding:20px!important}.pos-interface #userMenu{padding:7px 10px!important}}
@media(max-width:575.98px){.pos-interface #main-content{padding:16px!important}.pos-interface main .card-body{padding:17px}.pos-interface main .card-header{padding:15px 17px}.pos-interface main h1{font-size:1.35rem}.pos-interface .navbar-brand{font-size:.9rem}.pos-interface #userMenu .text-start{display:none}.pos-interface #userMenu .bi-caret-down-fill{display:none}.pos-interface .btn{min-height:44px;padding:10px 13px}.pos-interface .form-control,.pos-interface .form-select{font-size:16px;max-width:100%}.pos-interface main form.d-flex{width:100%;gap:10px!important}.pos-interface main form.d-flex>.form-control,.pos-interface main form.d-flex>.form-select{flex:1 1 140px;width:auto!important}.pos-interface main .kpi-card .kpi-value{font-size:1.3rem}.pos-interface .modal-dialog{margin:12px}.pos-interface .modal-body{padding:18px}.pos-interface main .table{min-width:560px}.pos-interface .card h6{font-size:1rem}.pos-interface main img.img-fluid{max-width:100%}}
@media(prefers-reduced-motion:reduce){.pos-interface *, .login-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body.pos-interface{background:#fff!important}.pos-interface #sidebar-wrapper,.pos-interface .navbar,.sidebar-backdrop,.skip-link{display:none!important}.pos-interface #wrapper,.pos-interface #page-content-wrapper{display:block!important;width:100%!important}.pos-interface #main-content{padding:0!important;animation:none!important;max-width:none}.pos-interface main .card{box-shadow:none!important;background:#fff!important;backdrop-filter:none!important}.pos-interface .table{min-width:0!important}.pos-interface .table-responsive,.pos-interface .table-scroll{overflow:visible!important}.pos-interface *{animation:none!important;transition:none!important}}
.login-page{display:grid;place-items:center;padding:32px;min-height:100dvh!important}.login-shell{display:grid;grid-template-columns:1.1fr 1fr;max-width:1000px;width:100%;border-radius:30px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 24px 80px #2b3b6e20;overflow:hidden;animation:panel-enter .45s ease}.login-story{background:linear-gradient(150deg,#263451,#4351a0 65%,#337f87);color:#fff;padding:54px 44px;position:relative;overflow:hidden}.login-story h1{color:#fff;font-size:2.8rem;line-height:1.5;margin:28px 0 14px;font-weight:750}.login-story p{color:#d6e0f5;font-size:1rem;line-height:1.9;max-width:320px}.login-eyebrow{font-size:.73rem;letter-spacing:1px;font-weight:650}.login-art{margin-top:42px;height:125px;width:200px;background:linear-gradient(110deg,#ffffff29,#ffffff0c);border:1px solid #ffffff40;border-radius:20px;transform:rotate(-9deg);display:flex;align-items:center;padding:28px;box-shadow:0 15px 35px #15234040;backdrop-filter:blur(12px)}.login-art i{font-size:3.2rem;color:#c5d8ff}.art-dot{height:30px;width:30px;background:#7de0d2;border-radius:50%;margin-inline-start:auto;box-shadow:15px 0 0 #ffffff50}.login-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;font-size:.8rem}.login-features span{background:#ffffff12;border:1px solid #ffffff20;border-radius:10px;padding:10px 12px}.login-panel{padding:50px 44px;backdrop-filter:blur(18px)}.login-logo{object-fit:contain;margin-bottom:20px}.login-panel h2{font-size:1.8rem;font-weight:750;margin-bottom:12px}.login-panel .login-eyebrow{color:#687897;letter-spacing:0}.login-panel .form-control{min-height:50px}.password-field{position:relative}.password-field input{padding-inline-end:52px!important}.password-field button{position:absolute;inset-inline-end:4px;top:4px;width:42px;height:42px;border:0;background:transparent;color:#64748b;border-radius:8px}.login-footer{font-size:.75rem;color:#76869e;text-align:center;margin:28px 0 0}.login-panel>.login-logo{display:block}.login-panel .btn{min-height:50px}@media(max-width:767.98px){.login-page{padding:20px}.login-shell{max-width:460px;grid-template-columns:1fr;border-radius:24px}.login-story{padding:24px 28px}.login-story h1{font-size:1.55rem;line-height:1.5;margin:14px 0 6px}.login-story h1 br{display:none}.login-story p{font-size:.86rem;margin:0}.login-art,.login-features{display:none}.login-panel{padding:28px}.login-logo{width:55px;height:55px;margin-bottom:14px}.login-panel h2{font-size:1.5rem}.login-panel .form-control{font-size:16px}}@media print{.login-story{display:none}.login-page{background:white!important}}
.pos-interface .design-viewport{max-width:100%;overflow:auto;padding:12px;background:#e9eef6;border:1px solid var(--line);border-radius:14px;overscroll-behavior:contain}.pos-interface #design-area{vertical-align:top;flex-shrink:0}.pos-interface #toolbar{box-shadow:0 8px 25px #18274025;border-radius:12px!important;padding:10px!important}.pos-interface #toolbar button,.pos-interface #toolbar select{min-height:40px;min-width:40px;border-radius:7px;border:1px solid #d7dfed}@media print{.pos-interface .design-viewport{overflow:visible;background:transparent;border:0;padding:0}}
.pos-interface .kpi-card .card-body>.d-flex{gap:12px}.pos-interface .kpi-card .card-body>.d-flex>div{min-width:0}.pos-interface .kpi-value{overflow-wrap:anywhere}.pos-interface main .card-title{overflow-wrap:anywhere}.pos-interface main .card-body .small{overflow-wrap:anywhere}@media(min-width:992px){.pos-interface main>.row>.col{min-width:0}}@media(max-width:575.98px){.pos-interface main .card-body>.d-flex.align-items-start{flex-wrap:wrap;gap:12px}.pos-interface main .card-header>.d-flex{flex-wrap:wrap;gap:8px}}
@media(max-width:768px){.pos-interface main .table.mobile-records{min-width:0;width:100%}.pos-interface .mobile-records td{gap:16px;flex-wrap:wrap;overflow-wrap:anywhere}.pos-interface .mobile-records td:before{flex-shrink:0}}
@supports(backdrop-filter:blur(8px)){@media(min-width:992px){.pos-interface main .card:not(.kpi-card):not(.hover-shadow){backdrop-filter:blur(8px)}}}@media(max-width:575.98px){.pos-interface .navbar{backdrop-filter:blur(10px)}}
@media(max-width:991.98px){.pos-interface #sidebar-wrapper{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.pos-interface #main-content{padding-bottom:max(20px,env(safe-area-inset-bottom))!important}}
.pos-interface #design-area .field{touch-action:none}
.pos-interface .login-story h1{color:#fff;font-size:2.8rem;line-height:1.5}@media(max-width:767.98px){.pos-interface .login-story h1{font-size:1.55rem}}
.pos-interface .dashboard-filters>.form-control{width:180px}.pos-interface .btn-outline-primary{color:#5264e8;border-color:#8c99ed}.pos-interface .btn-outline-primary:hover,.pos-interface .btn-check:checked+.btn-outline-primary{color:#fff;background:#5264e8;border-color:#5264e8}
.pos-interface #toolbar{max-width:calc(100vw - 24px)}

.merchant-navigation{display:flex;flex-direction:column}
.merchant-navigation .list-group-item{display:flex;align-items:center;gap:12px}
.merchant-navigation .list-group-item i{width:22px;text-align:center;font-size:1.05rem}

@media(max-width:991.98px){
 .merchant-interface #sidebar-wrapper{inset:auto 10px max(8px,env(safe-area-inset-bottom)) 10px;width:auto;max-width:none;height:auto;overflow:visible;padding:7px;transform:none!important;visibility:visible;background:rgba(27,42,72,.9);border:1px solid rgba(255,255,255,.2);border-radius:22px;box-shadow:0 12px 36px rgba(17,31,56,.28);backdrop-filter:blur(20px);z-index:1045}
 .merchant-interface #sidebar-wrapper .sidebar-heading{display:none}
 .merchant-interface #sidebar-wrapper>.list-group{display:block}
 .merchant-interface .merchant-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .merchant-interface #sidebar-wrapper .merchant-navigation .list-group-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:58px;margin:0;padding:7px 3px;border-radius:16px;text-align:center!important;font-size:.67rem;line-height:1.15;color:#cdd9eb}
 .merchant-interface #sidebar-wrapper .merchant-navigation .list-group-item i{width:auto;font-size:1.18rem;line-height:1}
 .merchant-interface #sidebar-wrapper .merchant-navigation .list-group-item span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .merchant-interface #sidebar-wrapper .merchant-navigation .list-group-item.active{background:linear-gradient(135deg,rgba(113,128,239,.8),rgba(60,177,165,.65));color:#fff;box-shadow:0 6px 16px rgba(16,27,51,.24)}
 .merchant-interface .merchant-sidebar-toggle,.merchant-interface .sidebar-backdrop{display:none!important}
 .merchant-interface #main-content{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
}

.summary-pairs > .col-6 { min-width: 0; }
.summary-pairs .card { height: 100%; }
.summary-pairs .card-body { min-width: 0; }
.summary-pairs h3, .summary-pairs .kpi-value { overflow-wrap: anywhere; }
@media(max-width:575.98px){
 .pos-interface main .summary-pairs { --bs-gutter-x: .65rem; --bs-gutter-y: .65rem; }
 .pos-interface main .summary-pairs .card-body { padding: 13px 10px!important; }
 .pos-interface main .summary-pairs .kpi-card { min-height: 105px; border-radius: 15px!important; }
 .pos-interface main .summary-pairs .kpi-label, .pos-interface main .summary-pairs h6 { font-size: .72rem; }
 .pos-interface main .summary-pairs .kpi-value, .pos-interface main .summary-pairs h3 { font-size: clamp(.9rem, 3.4vw, 1.2rem); margin-bottom: 0; }
 .summary-pairs .kpi-card .card-body > .d-flex { flex-direction: column; align-items: flex-start!important; gap: 6px; }
 .summary-pairs .kpi-card i.fs-3 { display: none; }
 .merchant-card-pairs .card-body { padding: 12px!important; }
 .merchant-card-pairs .card-img-top { max-height: 105px!important; padding: 10px!important; }
 .merchant-card-pairs .card h6 { font-size: .85rem; }
 .merchant-card-pairs .btn { font-size: .8rem; padding: 8px; }
}
@media(max-width:767.98px){
 .pos-interface main .inventory-table { display: block; min-width: 0; border: 0; }
 .inventory-table thead { display: none; }
 .inventory-table tbody { display: grid; gap: 12px; }
 .inventory-table .inventory-row { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #e1e5f2; border-radius: 16px; overflow: hidden; background: #ffffffbf; }
 .inventory-table .inventory-row td { display: flex; flex-direction: column; gap: 5px; padding: 10px 12px; min-width: 0; border: 0; background: transparent; overflow-wrap: anywhere; font-size: .88rem; }
 .inventory-table .inventory-row td:before { content: attr(data-label); font-size: .7rem; font-weight: 600; color: #6c7690; }
 .inventory-table .inventory-row td[data-label="Actions"] { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; border-top: 1px solid #e1e5f2; }
 .inventory-table .inventory-row td[data-label="Actions"]:before { flex-basis: 100%; }
 .inventory-table .badge { align-self: flex-start; }
}

.finance-filters .form-control, .finance-filters .form-select { min-width: 0; }
.recurring-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.recurring-heading h2{font-size:1.2rem;margin-bottom:7px}.recurring-heading p{color:var(--muted);font-size:.83rem;margin:0}.recurring-count{padding:9px 13px;border:1px solid #fff;border-radius:12px;background:#ffffff99;color:#697ca0;font-size:.75rem;white-space:nowrap}.recurring-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.recurring-card{min-width:0;padding:14px;border:1px solid #ffffffd9;border-radius:16px;background:linear-gradient(135deg,#ffffffe0,#f0f6ffd4);box-shadow:0 10px 30px #253c6710;animation:panel-enter .3s ease-out}.recurring-identity{display:flex;align-items:center;gap:9px}.recurring-identity>div{min-width:0}.recurring-identity h3{font-size:.88rem;margin:0 0 3px;overflow-wrap:anywhere}.recurring-symbol{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:linear-gradient(130deg,#e5e9ff,#ddf5ed);color:#586bd0;font-size:1rem}.recurring-status{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;color:#7a889b}.recurring-status i{font-size:.35rem}.recurring-status.is-active{color:#198875}.recurring-description{color:var(--muted);font-size:.78rem;line-height:1.4;margin:8px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recurring-amount{display:block;font-size:1.15rem;margin-bottom:9px;overflow-wrap:anywhere}.recurring-dates{display:grid;gap:5px;padding:8px 10px;border-radius:10px;background:#eaf0fa88;font-size:.73rem;color:#7383a0}.recurring-dates span{display:flex;gap:8px;align-items:center}.recurring-actions{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap}.recurring-actions .btn{font-size:.73rem;padding:6px 9px;min-height:36px}.recurring-actions>form:last-child{margin-inline-start:auto}.recurring-actions .recurring-delete{width:36px;padding:0;font-size:1rem}.recurring-edit-modal .modal-header{background:linear-gradient(120deg,#eef0ff,#e6f5ef)}
@media(min-width:992px){.recurring-card{backdrop-filter:blur(12px)}}
@media(max-width:1399.98px){.recurring-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.recurring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.recurring-grid{grid-template-columns:minmax(0,1fr)}.recurring-card{padding:12px;border-radius:14px}.recurring-actions .btn{min-height:44px}.recurring-actions .recurring-delete{width:44px}.recurring-heading{align-items:flex-start;flex-direction:column;gap:10px}.recurring-heading h2{font-size:1.05rem}.recurring-edit-modal .modal-footer .btn-primary{flex:1}}
@media(max-width:575.98px){ .finance-filters input[type="date"] { padding-inline: 8px; } }