@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";body{margin:0}:root{--primary:#e66239;--secondary:#525252;--success:#00c951;--danger:#fb2c36;--warning:#f0b100;--info:#00b8db;--sidebar-width:240px;--sidebar-collapsed:60px;--topbar-height:60px;--border-color:#e5e5e5;--border-color-light:#00000014;--bg-light:#f5f5f5;--bg-white:#fff;--text-muted:#a3a3a3;--text-primary:#262626;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717}[data-theme=dark]{--border-color:#2d2d2d;--border-color-light:#ffffff14;--bg-light:#1a1a1a;--bg-white:#242424;--text-muted:gray;--text-primary:#e5e5e5;--gray-50:#2d2d2d;--gray-100:#262626;--gray-200:#1f1f1f;--gray-300:#404040;--gray-400:#525252;--gray-500:#737373;--gray-600:#a3a3a3;--gray-700:#d4d4d4;--gray-800:#e5e5e5;--gray-900:#fafafa;--primary:#f07045;--success:#00e05c;--danger:#ff3d47;--warning:#f5b800;--info:#00c8e8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-light);color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5}#root{width:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}ul{list-style:none}img{max-width:100%}::placeholder{color:var(--gray-400)}:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme=dark] body{background:var(--bg-light);color:var(--text-primary)}.overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1030;background:#00000073;display:none;position:fixed;inset:0}.overlay.show{display:block}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:1030;white-space:nowrap;background:#fff;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar .logo-area{height:var(--topbar-height);border-bottom:1px solid var(--border-color);background:#fff;flex-shrink:0;align-items:center;gap:10px;width:100%;padding-left:8px;padding-right:8px;display:flex}.sidebar .collapse-btn{cursor:pointer;width:32px;height:32px;color:var(--gray-500);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar .collapse-btn:hover{background:var(--gray-100);color:var(--gray-700)}.sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar .logo-img{object-fit:contain;border-radius:4px;width:28px;height:28px}.sidebar .logo-text{white-space:nowrap;color:var(--text-primary);font-size:.95rem;font-weight:600;overflow:hidden}.sidebar .logo-text svg{display:block}.sidebar .nav{flex-direction:column;flex:1;min-height:0;padding:.5rem 0 .75rem;display:flex;overflow-y:auto}.sidebar .nav-section-label{list-style:none}.sidebar .nav-section-label .nav-text{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.sidebar-footer{background:#fff;flex-shrink:0}.sidebar-footer li{list-style:none}.sidebar .nav-link.active{color:var(--primary);background-color:#e6623918}.sidebar .nav-link{position:relative}.nav-dot{background-color:#dc3545;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.sidebar.collapsed:not(:hover) .nav-text,.sidebar.collapsed:not(:hover) .nav-section-label,.sidebar.collapsed:not(:hover) .nav-section-title,.sidebar.collapsed:not(:hover) .logo-text,.sidebar.collapsed:not(:hover) .logo-icon,.sidebar.collapsed:not(:hover) .logout-btn span{opacity:0;visibility:hidden;transition:opacity .1s}.sidebar.collapsed:hover{width:var(--sidebar-width);z-index:1040;box-shadow:4px 0 24px #00000014}.sidebar.collapsed:hover .nav-text,.sidebar.collapsed:hover .nav-section-label,.sidebar.collapsed:hover .nav-section-title,.sidebar.collapsed:hover .logo-text,.sidebar.collapsed:hover .logo-icon,.sidebar.collapsed:hover .logout-btn span{opacity:1;visibility:visible;transition:opacity .3s .1s}.sidebar.collapsed:hover .nav-link{justify-content:flex-start;margin:2px 12px;padding:8px 10px}.sidebar.collapsed:hover .logout-btn{justify-content:flex-start;width:calc(100% - 24px);margin:2px 12px;padding:8px 22px}.sidebar.collapsed:hover .collapse-btn{margin:0}.sidebar .logout-btn{color:var(--gray-800);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:calc(100% - 24px);margin:2px 12px;padding:8px 22px;font-size:.875rem;transition:all .2s;display:flex}.sidebar .logout-btn:hover{color:var(--danger);background-color:#fb2c361a}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar .logo-area{height:var(--topbar-height);border-bottom:1px solid var(--border-color);z-index:1;background:#fff;align-items:center;gap:10px;width:100%;padding-left:17px;display:flex;position:relative}.sidebar .logo-icon{flex-shrink:0;width:24px;height:24px}.sidebar .logo-text{white-space:nowrap;overflow:hidden}.sidebar .logo-text img{height:20px}.sidebar .nav{scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent;flex-direction:column;flex:1;width:100%;min-height:0;padding:.5rem 0;display:flex;overflow:hidden auto}.sidebar .nav::-webkit-scrollbar{width:4px}.sidebar .nav::-webkit-scrollbar-track{background:0 0}.sidebar .nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.sidebar .nav-section{flex-direction:column;width:100%;display:flex}.sidebar .nav-section-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:.75rem 1.25rem .25rem;font-size:.65rem;font-weight:700}.sidebar .nav-link{color:var(--gray-800);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin:1px 12px;padding:8px 10px;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:var(--primary);background-color:#e6623918}.sidebar .nav-link .ti{flex-shrink:0;font-size:18px}.sidebar .nav-text{transition:opacity .2s;overflow:hidden}.sidebar .logout-btn{color:var(--gray-800);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:8px 22px;font-size:.875rem;transition:all .2s;display:flex}.sidebar .logout-btn:hover{color:var(--danger)}.content{margin-left:var(--sidebar-width);padding:1.5rem;padding-top:calc(var(--topbar-height) + 1.5rem);min-height:100vh;transition:margin-left .3s}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--border-color);top:0;left:var(--sidebar-width);z-index:1020;background:#fff;justify-content:space-between;align-items:center;padding:0 1rem;transition:left .3s;display:flex;position:fixed;right:0}.topbar.full{left:var(--sidebar-collapsed)}.topbar .toggle-btn{cursor:pointer;width:2.1875rem;height:2.1875rem;color:var(--gray-600);background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.topbar .toggle-btn:hover{background:var(--gray-100);color:var(--primary)}@media (width<=992px){.sidebar{z-index:1050;transition:transform .3s;left:0;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.collapsed{width:var(--sidebar-collapsed)!important}.sidebar.mobile-show{transform:translate(0)}.sidebar .logo-text{display:none}.topbar{padding:.5rem 1rem;left:0}.topbar.full{left:0}.content{padding:1rem;padding-top:calc(var(--topbar-height) + 1rem);margin-left:0}.content.full,.content .row{margin-left:0}.content .col-,.content .col-sm-,.content .col-md-,.content .col-lg-{padding-left:0;padding-right:0}.card{margin-bottom:1rem}.table{font-size:.875rem}.topbar ul{gap:.25rem!important}.topbar .theme-toggle,.topbar .btn-icon{width:2rem;height:2rem}.topbar .theme-toggle{width:44px;height:24px}}@media (width<=576px){.content{padding:.5rem;padding-top:calc(var(--topbar-height) + .5rem)}.card-body{padding:.75rem}h1,h2,h3,h4,h5,h6{font-size:1.1rem}.btn{padding:.375rem .75rem;font-size:.875rem}.topbar .theme-toggle{background:var(--bg-white);border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;width:auto;height:auto;padding:6px 8px;display:flex}.topbar .theme-toggle:after{display:none}.topbar .theme-toggle-icon{color:var(--gray-600);font-size:18px;position:static;transform:none}.topbar .theme-toggle-icon.sun{display:block}.topbar .theme-toggle-icon.moon,[data-theme=dark] .topbar .theme-toggle-icon.sun{display:none}[data-theme=dark] .topbar .theme-toggle-icon.moon{color:var(--warning);display:block}}.topbar-nav{align-items:center;gap:.25rem;display:flex}.topbar-nav .nav-item{position:relative}.topbar-nav .btn-icon{cursor:pointer;width:2.1875rem;height:2.1875rem;color:var(--gray-600);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex;position:relative}.topbar-nav .btn-icon:hover{background:var(--gray-100);color:var(--primary)}.topbar-nav .notification-badge{background:var(--danger);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.topbar-nav .user-menu{margin-left:.75rem}.topbar-nav .user-avatar{object-fit:cover;cursor:pointer;border-radius:50%;width:2rem;height:2rem}.topbar-nav .user-avatar-initials{background:var(--primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;display:flex}.dropdown{position:relative}.dropdown-menu{border:1px solid var(--border-color);z-index:1000;background:#fff;border-radius:.5rem;min-width:200px;display:none;position:absolute;top:100%;right:0;box-shadow:0 .5rem 1rem #0000001a}.dropdown-menu.show{display:block}.dropdown-menu-header{border-bottom:1px dashed var(--border-color);align-items:center;gap:.75rem;padding:.75rem;display:flex}.dropdown-menu-body{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.dropdown-menu-body a{border-radius:.375rem;padding:.5rem;transition:all .2s}.dropdown-menu-body a:hover{background:var(--gray-100)}.content{margin-left:var(--sidebar-width);padding:1.5rem;padding-top:calc(var(--topbar-height) + 1.5rem);transition:margin-left .3s}.content.full{margin-left:var(--sidebar-collapsed)}@media (width<=992px){.content{margin-left:0}}.container-fluid{width:100%;max-width:100%;padding:0}.card{border:1px solid var(--border-color);background:#fff;border-radius:.75rem;overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);background:0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.card-body{padding:1rem}.card-footer{border-top:1px solid var(--border-color);background:var(--gray-50);padding:.75rem 1rem}.card-title{margin:0;font-size:1rem;font-weight:600}.stat-card{border:1px solid;border-radius:.5rem;padding:1rem}.stat-card .d-flex{display:flex}.stat-card .gap-3{gap:.75rem}.icon-shape{text-align:center;vertical-align:middle;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-shape.icon-md{width:2.5rem;height:2.5rem;font-size:1.25rem}.icon-shape.icon-sm{width:2rem;height:2rem;font-size:1rem}.icon-shape.icon-lg{width:3rem;height:3rem;font-size:1.5rem}.bg-primary{background-color:var(--primary)!important}.bg-success{background-color:var(--success)!important}.bg-danger{background-color:var(--danger)!important}.bg-warning{background-color:var(--warning)!important}.bg-info{background-color:var(--info)!important}.bg-primary-subtle{background-color:#e662391a!important}.bg-success-subtle{background-color:#00c9511a!important}.bg-danger-subtle{background-color:#fb2c361a!important}.bg-warning-subtle{background-color:#f0b1001a!important}.bg-info-subtle{background-color:#00b8db1a!important}.bg-opacity-10{--bs-bg-opacity:.1}.border-primary{border-color:var(--primary)!important}.border-success{border-color:var(--success)!important}.border-danger{border-color:var(--danger)!important}.border-warning{border-color:var(--warning)!important}.border-info{border-color:var(--info)!important}.border-opacity-25{--bs-border-opacity:.25}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-info{color:var(--info)!important}.link-primary{color:var(--primary)!important}.link-danger{color:var(--danger)!important}.animate-fade-in{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hover-up{transition:transform .2s,box-shadow .2s}.hover-up:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}.dropdown-menu{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}.dropdown-item{color:var(--text-primary)!important}.dropdown-item:hover{background-color:var(--bg-secondary)!important;color:var(--primary)!important}.dropdown-header{opacity:.8;color:var(--text-secondary)!important}.dropdown-divider{opacity:.1;border-top-color:var(--border-color)!important}.avatar{width:3rem;height:3rem;display:inline-block;position:relative}.avatar.avatar-sm{width:2rem;height:2rem}.avatar.avatar-md{width:2.5rem;height:2.5rem}.avatar.avatar-lg{width:3.5rem;height:3.5rem}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-initials{text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.avatar-primary{background-color:var(--primary);color:#fff}.avatar-success{background-color:var(--success);color:#fff}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary);filter:brightness(.9);border-color:var(--primary)}.btn-secondary{background:var(--gray-600);color:#fff;border-color:var(--gray-600)}.btn-secondary:hover:not(:disabled){background:var(--gray-700);border-color:var(--gray-700)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover:not(:disabled){background:var(--success);filter:brightness(.9);border-color:var(--success)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);filter:brightness(.9);border-color:var(--danger)}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-warning:hover:not(:disabled){background:var(--warning);filter:brightness(.9);border-color:var(--warning)}.btn-light{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.btn-light:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-300)}.btn-outline-secondary{border:1px solid var(--gray-300);color:var(--gray-600);background:0 0}.btn-outline-secondary:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.625rem 1.25rem;font-size:1rem}.btn-icon{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--gray-600);background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex;position:relative}.btn-icon.btn-sm{width:2.1875rem;height:2.1875rem}.btn-icon.btn-xs{width:1.75rem;height:1.75rem;font-size:.75rem}.btn-icon.btn-lg{width:3.36875rem;height:3.36875rem}.badge{border:1px solid #0000;border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge.bg-success{color:var(--success);border-color:var(--success);background-color:#00c9511a!important}.badge.bg-danger{color:var(--danger);border-color:var(--danger);background-color:#fb2c361a!important}.badge.bg-warning{color:var(--warning);border-color:var(--warning);background-color:#f0b1001a!important}.badge.bg-primary{color:var(--primary);border-color:var(--primary);background-color:#e662391a!important}.badge.bg-info{color:var(--info);border-color:var(--info);background-color:#00b8db1a!important}.form-group{margin-bottom:1rem}.form-label{color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--gray-300);background:#fff;border-radius:.375rem;width:100%;padding:.5rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e662391a}.form-control::placeholder{color:var(--gray-400)}.form-select{border:1px solid var(--border-color);background-color:var(--bg-white);appearance:none;cursor:pointer;width:100%;color:var(--text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:.5rem;padding:.6rem 2.25rem .6rem .875rem;font-size:.875rem;transition:all .2s}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e662391a}.form-check{align-items:center;gap:.5rem;display:flex}.form-check-input{cursor:pointer;width:1rem;height:1rem;margin-top:0}.form-check-label{cursor:pointer;font-size:.875rem}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.table thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);border-bottom:1px solid var(--border-color);background:0 0;font-size:.75rem;font-weight:400}.table tbody td{vertical-align:middle}.table-hover tbody tr:hover{background-color:var(--gray-50)}.table-responsive{overflow-x:auto}.table-light{background-color:var(--gray-50)}.table mb-0{margin-bottom:0}.text-nowrap{white-space:nowrap}.row{flex-wrap:wrap;margin:-.75rem;display:flex}.row>*{padding:.75rem}.row.g-3{margin:-1rem}.row.g-3>*{padding:1rem}.col{flex:1}.col-1{flex:0 0 8.33333%}.col-2{flex:0 0 16.6667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.3333%}.col-5{flex:0 0 41.6667%}.col-6{flex:0 0 50%}.col-7{flex:0 0 58.3333%}.col-8{flex:0 0 66.6667%}.col-9{flex:0 0 75%}.col-10{flex:0 0 83.3333%}.col-11{flex:0 0 91.6667%}.col-12{flex:0 0 100%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-12{flex:0 0 100%;max-width:100%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{color:var(--gray-900);margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.page-subtitle{color:var(--gray-500);margin:0;font-size:.875rem}.d-flex{display:flex}.d-block{display:block}.d-inline{display:inline}.d-inline-flex{display:inline-flex}.d-none{display:none}.d-lg-inline-flex{display:inline-flex}.d-lg-none{display:none}.flex-column{flex-direction:column}.flex-grow-1{flex-grow:1}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.g-2{gap:.5rem}.g-3{gap:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--gray-400)}.text-secondary{color:var(--gray-500)}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.fw-medium{font-weight:500}.fw-normal{font-weight:400}.fs-1{font-size:.75rem}.fs-2{font-size:.875rem}.fs-3{font-size:1rem}.fs-4{font-size:1.125rem}.fs-5{font-size:1.25rem}.fs-6{font-size:1.5rem}.small{font-size:.875rem}.small-sm{font-size:.75rem}.text-capitalize{text-transform:capitalize}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.min-width-0{min-width:0}.m-0{margin:0}.m-auto{margin:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mb-6{margin-bottom:4rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-6{margin-top:4rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.me-3{margin-right:1rem}.ms-1{margin-left:.25rem}.ms-2{margin-left:.5rem}.ms-3{margin-left:1rem}.ms-4{margin-left:1.5rem}.ms-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:3rem;padding-bottom:3rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.pb-5{padding-bottom:3rem}.pt-4{padding-top:1.5rem}.w-100{width:100%}.h-100{height:100%}.border-bottom{border-bottom:1px solid var(--border-color)!important}.border-top{border-top:1px solid var(--border-color)!important}.border-end{border-right:1px solid var(--border-color)!important}.border-light{border-color:var(--gray-200)!important}.border-dashed{border-style:dashed!important}.rounded{border-radius:.25rem!important}.rounded-2{border-radius:.5rem!important}.rounded-circle{border-radius:50%!important}.bg-white{background:#fff!important}.bg-light{background:var(--gray-100)!important}.position-relative{position:relative}.position-absolute{position:absolute}.fixed-top{z-index:1030;position:fixed;top:0;left:0;right:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start-100{left:100%}.top-0{top:0}.translate-middle{transform:translate(-50%,-50%)}.login-container{background:var(--gray-100);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:.75rem;width:100%;max-width:420px;box-shadow:0 .5rem 1.5rem #0000001a}.login-card .card-body{padding:2rem}.login-logo{margin-bottom:1.5rem}.login-logo img{height:36px}.login-title{margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.empty-state{text-align:center;color:var(--gray-400);padding:2rem}.page-loading{min-height:200px;color:var(--gray-400);justify-content:center;align-items:center;display:flex}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{left:-100%}to{left:100%}}.pos-item-card.adding-to-cart{opacity:.7;pointer-events:none;transform:scale(.95)}.add-to-cart-spinner{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add-to-cart-spinner .spinner-border{color:var(--primary)}.card-loading{position:relative}.card-loading:after{content:"";border-radius:inherit;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=dark] .card-loading:after{background:#00000080}.list-group{flex-direction:column;display:flex}.list-group-flush>.list-group-item{border-width:0 0 1px;border-color:var(--border-color)}.list-group-item{background-color:#0000;border:0;padding:.75rem 1rem}.pagination{gap:.25rem;padding-left:0;list-style:none;display:flex}.page-link{color:var(--gray-600);border:1px solid var(--gray-200);cursor:pointer;background-color:#0000;border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;transition:all .2s}.page-link:hover{background-color:var(--gray-100);border-color:var(--gray-300)}.page-item.active .page-link{background-color:var(--primary);border-color:var(--primary);color:#fff}.page-item.disabled .page-link{opacity:.5;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#00000073;justify-content:center;align-items:center;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal{background:var(--bg-white);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalPopIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}[data-theme=dark] .modal{background:#1e1e1e;box-shadow:0 20px 50px #0006}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-white);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.modal-close{background:var(--gray-100);cursor:pointer;color:var(--gray-600);border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;transition:all .2s;display:flex}[data-theme=dark] .modal-close{background:#2d2d2d}.modal-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.modal-body{flex:1;max-height:calc(85vh - 140px);padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:var(--gray-50);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.alert{border:1px solid #0000;border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem}.alert-warning{color:var(--warning);background-color:#f0b10026;border-color:#f0b1004d}.alert-danger{color:var(--danger);background-color:#fb2c3626;border-color:#fb2c364d}.alert-success{color:var(--success);background-color:#00c95126;border-color:#00c9514d}footer{text-align:center;color:var(--gray-500);padding:1rem 0;font-size:.875rem}.quick-actions{flex-wrap:wrap;gap:.75rem;display:flex}.quick-action-btn{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.quick-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.search-box{align-items:center;display:flex;position:relative}.search-box input{width:250px;padding-left:2.5rem}.search-box-icon{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.action-bar-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.action-bar-right{align-items:center;gap:.5rem;display:flex}.pos-page{height:calc(100vh - var(--topbar-height) - 3rem);grid-template-columns:1fr 380px;gap:1.5rem;display:grid}.pos-items-section{flex-direction:column;gap:1rem;display:flex}.pos-items-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:.25rem;display:grid;overflow-y:auto}.pos-item-card{border:1px solid var(--border-color);cursor:pointer;text-align:center;background:#fff;border-radius:.5rem;flex-direction:column;align-items:center;padding:.75rem;transition:all .2s;display:flex;position:relative}.pos-item-card:hover{border-color:var(--primary);box-shadow:0 .25rem .75rem #0000001a}.pos-item-card.service-item{border:2px dashed var(--primary);background:linear-gradient(135deg,#e662390d 0%,#e6623905 100%)}.pos-item-card.service-item:hover{background:linear-gradient(135deg,#e662391a 0%,#e662390d 100%)}.service-item-card{transition:all .2s}.service-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e6623933;background:linear-gradient(135deg,#e6623926 0%,#e662390d 100%)!important}.service-badge{background:var(--primary);color:#fff;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:9px;display:flex;position:absolute;top:4px;right:4px}.pos-item-name{color:var(--gray-800);margin-bottom:.25rem;font-size:.75rem;font-weight:500;line-height:1.2}.pos-item-price{color:var(--primary);font-size:.875rem;font-weight:700}.pos-cart-section{height:auto;min-height:600px;max-height:calc(100vh - var(--topbar-height) - 3rem);top:calc(var(--topbar-height) + 1.5rem);background:#fff;border-radius:.75rem;flex-direction:column;display:flex;position:sticky;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pos-cart-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.pos-cart-items{flex:1;padding:.75rem;overflow-y:auto}.pos-cart-item{background:var(--gray-50);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.pos-cart-item:last-child{margin-bottom:0}.pos-cart-item-info{flex:1;min-width:0}.pos-cart-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.pos-cart-item-price{color:var(--gray-500);font-size:.75rem}.pos-cart-item-qty{align-items:center;gap:.25rem;display:flex}.pos-cart-item-qty button{border:1px solid var(--gray-300);cursor:pointer;background:#fff;border-radius:.25rem;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;display:flex}.pos-cart-item-qty button:hover{background:var(--gray-100)}.pos-cart-item-qty span{text-align:center;min-width:24px;font-weight:500}.pos-cart-item-subtotal{text-align:right;min-width:70px;font-weight:600}.pos-cart-footer{background:var(--gray-50);border-top:1px solid var(--border-color);padding:1rem}.pos-cart-summary{margin-bottom:1rem}.pos-cart-summary-row{justify-content:space-between;margin-bottom:.25rem;display:flex}.pos-cart-summary-row.total{border-top:1px dashed var(--gray-300);margin-top:.5rem;padding-top:.5rem;font-size:1.125rem;font-weight:700}.report-section{margin-bottom:1.5rem}.stock-form{border:1px solid var(--border-color);background:#fff;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.stock-item-row{background:var(--gray-50);border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem;display:flex}.stock-item-info{flex:1;min-width:0}.stock-item-name{font-weight:500}.stock-item-sku{color:var(--gray-500);font-size:.75rem}.stock-item-qty{align-items:center;gap:.5rem;display:flex}.stock-item-qty input{text-align:center;width:80px}.table-actions{align-items:center;gap:.5rem;display:flex}.table-action-btn{cursor:pointer;color:var(--gray-500);background:0 0;border:none;border-radius:.25rem;padding:.375rem;transition:all .2s}.table-action-btn:hover{background:var(--gray-100);color:var(--primary)}.table-action-btn.danger:hover{color:var(--danger);background:#fb2c361a}@media (width<=992px){.pos-page{grid-template-columns:1fr;height:auto}.pos-cart-section{height:auto;max-height:500px;margin-top:1.5rem;position:relative;top:0}.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-12{flex:0 0 100%;max-width:100%}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.action-bar{flex-direction:column;align-items:stretch}.action-bar-left,.action-bar-right{justify-content:flex-start;width:100%}}@media (width<=768px){.col-md-3,.col-md-4,.col-md-6,.col-md-12,.col-sm-6{flex:0 0 100%;max-width:100%}.pos-items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.search-box input{width:100%}}@media (width<=576px){.content{padding:1rem .75rem;padding-top:calc(var(--topbar-height) + 1rem)}.card-body,.stat-card{padding:.75rem}.stat-card .fs-6{font-size:.875rem!important}.stat-card .fw-bold{font-size:1.25rem}.pos-items-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.pos-item-card{padding:.5rem}.pos-item-name{font-size:.65rem}.pos-item-price,.table{font-size:.75rem}.table th,.table td{padding:.5rem}.btn{padding:.375rem .75rem;font-size:.75rem}.btn-sm{padding:.25rem .5rem;font-size:.65rem}.modal{max-height:calc(100vh - 1rem);margin:.5rem}.modal-body{padding:1rem}.search-box input{font-size:.75rem}.login-card .card-body{padding:1.5rem}.page-title{font-size:1.25rem}.h5,.h4{font-size:1rem!important}}@media (width<=992px){.dropdown-menu{position:absolute;left:auto;right:0}}@media (width<=576px){.hide-mobile{display:none!important}}@media print{.sidebar,.topbar,.overlay,.btn,.modal-actions{display:none!important}.content{margin:0;padding:0}}[data-theme=dark] .sidebar,[data-theme=dark] .sidebar .logo-area{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .sidebar .collapse-btn:hover{background:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .sidebar .nav-link{color:var(--gray-600)}[data-theme=dark] .sidebar .nav-link:hover,[data-theme=dark] .sidebar .nav-link.active{color:var(--primary);background-color:#f0704526}[data-theme=dark] .sidebar .logout-btn{color:var(--gray-600)}[data-theme=dark] .sidebar .logout-btn:hover{color:var(--danger);background-color:#ff3d4726}[data-theme=dark] .sidebar .nav-section-label .nav-text{color:var(--gray-400)}[data-theme=dark] .topbar{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .topbar .toggle-btn{color:var(--gray-600)}[data-theme=dark] .topbar .toggle-btn:hover{background:var(--gray-100)}[data-theme=dark] .topbar .btn-icon{color:var(--gray-600)}[data-theme=dark] .topbar .btn-icon:hover{background:var(--gray-100)}[data-theme=dark] .dropdown-menu{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .dropdown-menu a:hover{background:var(--gray-100)}[data-theme=dark] .dropdown-menu .border-dashed{border-color:var(--border-color)!important}[data-theme=dark] .btn:after{content:""!important;visibility:hidden!important;opacity:0!important;display:none!important}[data-theme=dark] button.btn:after{display:none!important}[data-theme=dark] .theme-toggle:after{content:""!important;display:block!important}[data-theme=dark] .card,[data-theme=dark] .card-header{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .card-body{color:var(--text-primary)}[data-theme=dark] .table{color:var(--text-primary);background:var(--bg-white)}[data-theme=dark] .table-light{background:var(--gray-100);color:var(--text-primary)}[data-theme=dark] .table-hover tbody tr:hover{background:var(--gray-100)}[data-theme=dark] .table td{border-color:var(--border-color);background:var(--bg-white);color:var(--text-primary)}[data-theme=dark] .table th{border-color:var(--border-color);background:var(--gray-100);color:var(--text-primary)}[data-theme=dark] .table tbody tr{background:var(--bg-white)}[data-theme=dark] .table tbody tr:nth-child(2n){background:var(--gray-50)}[data-theme=dark] .table tbody tr:nth-child(2n):hover{background:var(--gray-100)}[data-theme=dark] .form-control,[data-theme=dark] .form-select{background:var(--bg-white);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{background:var(--bg-white);border-color:var(--primary);color:var(--text-primary)}[data-theme=dark] .form-control:disabled,[data-theme=dark] .form-select:disabled{background:var(--gray-100);color:var(--gray-400)}[data-theme=dark] .btn-light{background:var(--gray-100);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-light:hover{background:var(--gray-200);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-outline-secondary{border-color:var(--border-color);color:var(--gray-600)}[data-theme=dark] .btn-outline-secondary:hover{background:var(--gray-100);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .alert-warning{color:var(--warning);background:#f5b80026;border-color:#f5b8004d}[data-theme=dark] .alert-danger{color:var(--danger);background:#ff3d4726;border-color:#ff3d474d}[data-theme=dark] .alert-success{color:var(--success);background:#00e05c26;border-color:#00e05c4d}[data-theme=dark] .alert-info{color:var(--info);background:#00c8e826;border-color:#00c8e84d}[data-theme=dark] .badge{color:#fff}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal{background:var(--bg-white)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:var(--border-color)}[data-theme=dark] .modal-title,[data-theme=dark] .modal-body{color:var(--text-primary)}[data-theme=dark] .border-bottom,[data-theme=dark] .border-top,[data-theme=dark] .border-dashed{border-color:var(--border-color)!important}[data-theme=dark] .text-muted{color:var(--gray-400)!important}[data-theme=dark] .bg-white{background:var(--bg-white)!important}[data-theme=dark] .bg-light{background:var(--bg-light)!important}[data-theme=dark] .nav-pills .nav-link{color:var(--gray-600)}[data-theme=dark] .nav-pills .nav-link:hover{background:var(--gray-100)}[data-theme=dark] .nav-pills .nav-link.active{background:var(--primary);color:#fff}[data-theme=dark] .empty-state,[data-theme=dark] .page-loading,[data-theme=dark] .search-box-icon{color:var(--gray-400)}[data-theme=dark] .bg-primary.bg-opacity-10{background:#f0704526!important}[data-theme=dark] .bg-success.bg-opacity-10{background:#00e05c26!important}[data-theme=dark] .bg-danger.bg-opacity-10{background:#ff3d4726!important}[data-theme=dark] .bg-warning.bg-opacity-10{background:#f5b80026!important}[data-theme=dark] .bg-info.bg-opacity-10{background:#00c8e826!important}[data-theme=dark] .pos-item-card{background:var(--bg-white);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .pos-item-card:hover{background:var(--gray-100)}[data-theme=dark] .pos-item-card.service-item{border:2px dashed var(--primary);background:linear-gradient(135deg,#f0704526 0%,#f070450d 100%)}[data-theme=dark] .pos-item-card.service-item:hover{background:linear-gradient(135deg,#f0704533 0%,#f070451a 100%)}[data-theme=dark] .service-item-card{background:linear-gradient(135deg,#f0704526 0%,#f0704514 100%)!important}[data-theme=dark] .service-item-card:hover{background:linear-gradient(135deg,#f0704540 0%,#f0704526 100%)!important}[data-theme=dark] .pos-cart-section{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .pos-cart-item{border-color:var(--border-color)}[data-theme=dark] .pos-cart-item-name{color:var(--text-primary)}[data-theme=dark] .pos-cart-item-price{color:var(--gray-400)}[data-theme=dark] .icon-shape{color:#fff}.theme-toggle{background:var(--gray-200);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:background .3s;position:relative}.theme-toggle:hover{background:var(--gray-300)}[data-theme=dark] .theme-toggle{background:var(--gray-600)}[data-theme=dark] .theme-toggle:hover{background:var(--gray-500)}.theme-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}[data-theme=dark] .theme-toggle:after{transform:translate(20px)}.theme-toggle-icon{color:var(--gray-400);font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle-icon.sun{left:6px}.theme-toggle-icon.moon{right:6px}[data-theme=dark] .theme-toggle-icon.sun{color:var(--gray-400)}[data-theme=dark] .theme-toggle-icon.moon{color:var(--warning)}[data-theme=dark] .bg-success-subtle{background:#00e05c26!important}[data-theme=dark] .bg-primary-subtle{background:#f0704526!important}[data-theme=dark] .bg-danger-subtle{background:#ff3d4726!important}[data-theme=dark] .bg-warning-subtle{background:#f5b80026!important}[data-theme=dark] .bg-info-subtle{background:#00c8e826!important}[data-theme=dark] .hot-toast-wrapper .hot-toast{background:var(--bg-white)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .hot-toast-success{background:var(--success)!important;color:#fff!important}[data-theme=dark] .hot-toast-error{background:var(--danger)!important;color:#fff!important}[data-theme=dark] .hot-toast-icon,[data-theme=dark] .hot-toast-success .hot-toast-icon{color:#fff!important}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--gray-100)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] .h1,[data-theme=dark] .h2,[data-theme=dark] .h3,[data-theme=dark] .h4,[data-theme=dark] .h5,[data-theme=dark] .h6,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] label{color:var(--text-primary)}[data-theme=dark] small,[data-theme=dark] .small{color:var(--gray-400)}[data-theme=dark] a{color:var(--primary)}[data-theme=dark] a:hover{color:var(--primary);filter:brightness(1.1)}[data-theme=dark] .link-primary{color:var(--primary)!important}[data-theme=dark] .list-group-item{background:var(--bg-white);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-check-label,[data-theme=dark] .card-title{color:var(--text-primary)}[data-theme=dark] .list-group-flush>.list-group-item{border-color:var(--border-color)}[data-theme=dark] .modal-close{color:var(--gray-600)}[data-theme=dark] .modal-close:hover{color:var(--gray-800)}[data-theme=dark] .pos-item-name,[data-theme=dark] .pos-cart-summary-row span,[data-theme=dark] td{color:var(--text-primary)}[data-theme=dark] th{color:var(--gray-600)}[data-theme=dark] .text-success{color:var(--success)!important}[data-theme=dark] .text-danger{color:var(--danger)!important}[data-theme=dark] .text-warning{color:var(--warning)!important}[data-theme=dark] .text-info{color:var(--info)!important}[data-theme=dark] .text-primary{color:var(--primary)!important}[data-theme=dark] .user-avatar-initials{background:var(--primary);color:#fff}[data-theme=dark] .form-select{background-color:var(--bg-white);border-color:var(--border-color);color:var(--text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}[data-theme=dark] .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}[data-theme=dark] .search-box{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .search-box-icon,[data-theme=dark] .nav-section-label{color:var(--gray-400)}[data-theme=dark] .pos-cart-item-qty button{background:var(--gray-100);color:var(--gray-600);border-color:var(--border-color)}[data-theme=dark] .pos-cart-item-qty button:hover{background:var(--gray-200);color:var(--text-primary)}[data-theme=dark] .table-action-btn{color:var(--gray-500)}[data-theme=dark] .table-action-btn:hover{color:var(--gray-700);background:var(--gray-100)}[data-theme=dark] .input-group-text{background:var(--gray-100);border-color:var(--border-color);color:var(--gray-500)}[data-theme=dark] select.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23808080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}[data-theme=dark] .nav-tabs{border-color:var(--border-color)}[data-theme=dark] .nav-tabs .nav-link{color:var(--gray-500)}[data-theme=dark] .nav-tabs .nav-link:hover{color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .nav-tabs .nav-link.active{background:var(--bg-white);border-color:var(--border-color);border-bottom-color:var(--bg-white);color:var(--primary)}[data-theme=dark] .form-control[type=file]{background:var(--bg-white)}[data-theme=dark] input[type=checkbox],[data-theme=dark] input[type=radio]{accent-color:var(--primary)}[data-theme=dark] .tooltip,[data-theme=dark] .pos-cart-item-qty span,[data-theme=dark] .pos-cart-item-subtotal{color:var(--text-primary)}[data-theme=dark] .login-container{background:var(--bg-light)}[data-theme=dark] .login-card{background:var(--bg-white);border-color:var(--border-color)}[data-theme=dark] .form-label{color:var(--text-primary)}[data-theme=dark] footer{color:var(--gray-500)}[data-theme=dark] .pos-cart-header h4{color:var(--text-primary)}[data-theme=dark] .pos-empty-cart{color:var(--gray-400)}[data-theme=dark] .category-badge{background:var(--gray-100);color:var(--gray-600)}[data-theme=dark] tbody tr:hover td{background:var(--gray-100)}[data-theme=dark] .spinner-border{border-color:var(--gray-300);border-right-color:#0000}[data-theme=dark] .movement-in{color:var(--success)}[data-theme=dark] .movement-out{color:var(--danger)}[data-theme=dark] .movement-adjustment{color:var(--warning)}[data-theme=dark] .icon-success{color:var(--success)}[data-theme=dark] .icon-danger{color:var(--danger)}[data-theme=dark] .icon-warning{color:var(--warning)}[data-theme=dark] .icon-info{color:var(--info)}[data-theme=dark] .empty-state i{color:var(--gray-400)}[data-theme=dark] .page-title{color:var(--text-primary)}[data-theme=dark] .text-secondary{color:var(--gray-500)!important}[data-theme=dark] .text-body{color:var(--text-primary)!important}[data-theme=dark] .text-black{color:var(--gray-900)!important}[data-theme=dark] .text-white{color:#fff!important}[data-theme=dark] .text-dark{color:var(--gray-800)!important}[data-theme=dark] .border-success{border-color:var(--success)!important}[data-theme=dark] .border-danger{border-color:var(--danger)!important}[data-theme=dark] .border-warning{border-color:var(--warning)!important}[data-theme=dark] .border-info{border-color:var(--info)!important}[data-theme=dark] .border-primary{border-color:var(--primary)!important}[data-theme=dark] .import-preview-table,[data-theme=dark] .receipt-header h4{color:var(--text-primary)}[data-theme=dark] .stat-card-title{color:var(--gray-500)}[data-theme=dark] .pos-items-grid{background:0 0}[data-theme=dark] .pos-cart-summary-row.total span:last-child{color:var(--primary)}[data-theme=dark] .pos-cart-footer .btn-primary{background:var(--primary);border-color:var(--primary)}[data-theme=dark] .pos-cart-header .btn-outline-secondary{border-color:var(--border-color);color:var(--gray-500)}[data-theme=dark] .pos-cart-header .btn-outline-secondary:hover{background:var(--gray-100);border-color:var(--border-color)}[data-theme=dark] .empty-state p{color:var(--gray-400)}[data-theme=dark] .pos-item-price{color:var(--primary)}[data-theme=dark] select option{background:var(--bg-white);color:var(--text-primary)}[data-theme=dark] .table-action-btn.danger{color:var(--gray-500)}[data-theme=dark] .table-action-btn.danger:hover{color:var(--danger);background:#ff3d471a}[data-theme=dark] .page-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] .section-title,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}[data-theme=dark] .quick-actions .btn{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .quick-actions .btn:hover{background:var(--gray-100)}[data-theme=dark] .stat-value{color:var(--text-primary)}[data-theme=dark] .stat-label{color:var(--gray-400)}[data-theme=dark] .sale-amount{color:var(--success)}[data-theme=dark] .low-stock{color:var(--danger)}[data-theme=dark] .table-empty{color:var(--gray-400)}[data-theme=dark] .modal-content,[data-theme=dark] .receipt-text,[data-theme=dark] .receipt-total,[data-theme=dark] .settings-label{color:var(--text-primary)}[data-theme=dark] .account-label{color:var(--gray-400)}[data-theme=dark] .account-value{color:var(--text-primary)}[data-theme=dark] .quick-action-btn{background:var(--gray-100);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .quick-action-btn:hover{background:var(--gray-200);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .recent-sale-amount{color:var(--success)}[data-theme=dark] .low-stock-qty{color:var(--danger)}[data-theme=dark] .table-actions{color:var(--gray-500)}[data-theme=dark] .btn-outline-secondary.active{background:var(--primary);border-color:var(--primary);color:#fff}[data-theme=dark] .search-input{background:var(--bg-white);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .search-input:focus{background:var(--bg-white);border-color:var(--primary);color:var(--text-primary)}[data-theme=dark] .modal-footer{background:var(--gray-50)}[data-theme=dark] .tab-content{background:var(--bg-white)}[data-theme=dark] .tab-pane{color:var(--text-primary)}.notification-list{max-height:70vh;overflow-y:auto}.notification-item{transition:background .2s}.notification-item:hover{background:var(--gray-50)}[data-theme=dark] .notification-item:hover{background:var(--gray-100)}.notification-item.unread{position:relative}.notification-item.unread:before{content:"";background:var(--primary);width:4px;position:absolute;top:0;bottom:0;left:0}.notification-icon{flex-shrink:0}[data-theme=dark] .dropdown-menu a{color:var(--text-primary)}.btn-icon{color:var(--gray-600);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.btn-icon:hover{background:var(--gray-100);color:var(--gray-700)}[data-theme=dark] .btn-icon:hover{background:var(--gray-200);color:var(--gray-600)}.toast-custom{border:1px solid var(--border-color)!important;background:var(--bg-white)!important;color:var(--text-primary)!important;border-radius:12px!important;margin-top:10px!important;padding:12px 20px!important;font-size:.9rem!important;font-weight:600!important;animation:.3s cubic-bezier(.34,1.56,.64,1) toastSlideDown!important;box-shadow:0 10px 40px #00000026!important}[data-theme=dark] .toast-custom{background:#1e1e1e!important;border-color:#333!important;box-shadow:0 10px 40px #0006!important}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.landing-logo-pro{align-items:center;gap:16px;display:flex}.logo-ring{background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:4px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #e6623933}.landing-logo-pro:hover .logo-ring{transform:rotate(5deg)scale(1.05)}.logo-ring img{width:44px;height:44px}.logo-text{flex-direction:column;display:flex}.logo-text .brand{color:var(--primary);font-size:1.5rem;font-weight:800;line-height:1}.logo-text .suite{color:var(--gray-500);text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:600}.theme-toggle-btn{border:1px solid var(--border-color);background:var(--bg-white);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.landing-container{background:var(--bg-light);min-height:100vh;color:var(--text-primary);transition:background .3s,color .3s;overflow-x:hidden}.landing-header{background:var(--bg-white);opacity:.95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;height:80px;padding:0 5%;transition:all .3s;display:flex;position:sticky;top:0}.landing-nav{align-items:center;gap:15px;display:flex}.nav-btn{color:var(--text-primary);border-radius:8px;padding:8px 20px;font-weight:600;text-decoration:none;transition:all .2s}.nav-btn:not(.primary):hover{background:var(--gray-100)}.nav-btn.primary{background:var(--primary);color:#fff}.nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e662394d}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1400px;margin:0 auto;padding:80px 5%;display:grid}.hero-content h1{color:var(--text-primary);margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-content h1 span{color:var(--primary)}.hero-badge{color:var(--primary);background:#e6623926;border-radius:99px;margin-bottom:20px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-block}.hero-content p{color:var(--text-muted);max-width:540px;margin-bottom:40px;font-size:1.125rem}.hero-actions{gap:16px;display:flex}.hero-btn{border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.hero-btn.primary{background:var(--primary);color:#fff!important}.hero-btn.outline{border:1px solid var(--border-color);background:var(--bg-white);color:var(--text-primary)}.hero-btn.outline:hover{background:var(--gray-100);border-color:var(--primary)}.hero-visual{justify-content:flex-end;display:flex;position:relative}.floating-badge{background:var(--bg-white);z-index:10;border:1px solid var(--border-color-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:600;display:flex;position:absolute;box-shadow:0 10px 30px #0000001a}.floating-badge i{color:var(--primary);font-size:1.25rem}.badge-1{animation:4s ease-in-out infinite float-badge;top:10%;left:-20px}.badge-2{animation:5s ease-in-out infinite reverse float-badge;bottom:15%;right:-20px}@keyframes float-badge{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}.glass-card{background:var(--bg-white);opacity:.8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color-light);border-radius:24px;padding:30px;box-shadow:0 40px 100px #00000026}[data-theme=dark] .glass-card{box-shadow:0 40px 100px #0006}.main-preview{width:100%;max-width:500px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:0 auto;padding:80px 5%;display:grid}.feature-card{background:var(--bg-white);border:1px solid var(--border-color-light);border-radius:24px;padding:40px;transition:all .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.feature-card h3{color:var(--text-primary);margin-bottom:12px}.feature-card p{color:var(--text-muted)}.feature-icon{width:56px;height:56px;color:var(--primary);background:#e6623926;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:24px;display:flex}.landing-footer{text-align:center;border-top:1px solid var(--border-color-light);background:var(--bg-white);padding:60px 5%}.footer-content{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;display:flex}.footer-links{justify-content:center;gap:30px;margin-bottom:10px;display:flex}.footer-links a{color:var(--text-primary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.copyright-text{color:var(--text-muted);margin-bottom:0;font-size:.85rem}.credit-text{color:var(--text-primary);margin-bottom:0;font-size:.85rem}.credit-text .ti-heart-filled{animation:1.5s infinite heart-beat}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (width<=576px){.footer-links{flex-direction:column;gap:15px}}@media (width<=1200px){.hero-content h1{font-size:3rem}}@media (width<=992px){.landing-header{height:70px;padding:0 20px}.hero-section{text-align:center;grid-template-columns:1fr;gap:60px;padding:60px 20px}.hero-content{order:1}.hero-content h1{margin-left:auto;margin-right:auto;font-size:2.75rem}.hero-content p{margin-left:auto;margin-right:auto;font-size:1rem}.hero-actions{justify-content:center}.hero-visual{order:2;justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr);padding:60px 20px}}@media (width<=768px){.landing-nav .nav-btn:not(.primary){display:none}.hero-content h1{font-size:2.25rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:30px}.main-preview{max-width:100%}.mobile-app-mock{border-width:6px;width:240px;height:450px}}@media (width<=480px){.hero-content h1{font-size:1.85rem}.hero-actions{flex-direction:column;width:100%}.hero-btn{justify-content:center;width:100%}.landing-logo-pro .brand{font-size:1.25rem}.landing-logo-pro .suite{font-size:.65rem}}.user-profile-nav{background:var(--gray-100);border:1px solid var(--border-color-light);border-radius:99px;align-items:center;gap:12px;padding:4px 4px 4px 12px;text-decoration:none;transition:all .2s;display:flex}.user-profile-nav:hover{background:var(--bg-white);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.user-name-text{color:var(--text-primary);font-size:.875rem;font-weight:600}.user-avatar-initials{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:40px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 4px 10px #e662394d;width:40px!important;height:40px!important}.mobile-app-mock{background:var(--bg-white);border:8px solid var(--gray-800);border-radius:36px;flex-direction:column;width:280px;height:520px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0003}.mobile-header{background:var(--primary);color:#fff;padding:12px 16px}.status-bar{justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}.status-icons{gap:4px;display:flex}.app-bar{justify-content:space-between;align-items:center;display:flex}.app-title{font-size:14px;font-weight:700}.mobile-body{background:var(--bg-light);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.mock-card-sm{background:var(--bg-white);border-radius:12px;padding:12px;box-shadow:0 4px 12px #0000000d}.line-long{background:var(--gray-200);border-radius:4px;width:100%;height:8px;margin-bottom:8px}.line-short{background:var(--gray-100);border-radius:4px;width:60%;height:8px}.mock-list{flex-direction:column;gap:12px;display:flex}.mock-item{align-items:center;gap:12px;display:flex}.circle{background:var(--primary);opacity:.2;border-radius:50%;width:32px;height:32px}.lines{flex:1}.l1{background:var(--gray-200);border-radius:3px;width:80%;height:6px;margin-bottom:4px}.l2{background:var(--gray-100);border-radius:3px;width:40%;height:6px}.mobile-nav{background:var(--bg-white);border-top:1px solid var(--border-color-light);height:60px;color:var(--gray-400);justify-content:space-around;align-items:center;display:flex;position:relative}.mobile-nav i{font-size:18px}.fab{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-30px;animation:2s infinite fab-pulse;display:flex;box-shadow:0 8px 16px #e662394d}@keyframes fab-pulse{0%{transform:scale(1);box-shadow:0 8px 16px #e662394d}50%{transform:scale(1.1);box-shadow:0 12px 24px #e6623980}to{transform:scale(1);box-shadow:0 8px 16px #e662394d}}.mock-item{opacity:0;align-items:center;gap:12px;animation:.5s ease-out forwards slide-in-right;display:flex}.mock-item:first-child{animation-delay:.8s}.mock-item:nth-child(2){animation-delay:1.1s}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.line-long,.line-short,.l1,.l2{position:relative;overflow:hidden}.line-long:after,.line-short:after,.l1:after,.l2:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.fade-in-up{animation:.8s cubic-bezier(.165,.84,.44,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mock-window-bar{border-bottom:1px solid var(--border-color-light);gap:6px;padding:10px 16px;display:flex}.mock-window-bar .dot{background:var(--gray-200);border-radius:50%;width:10px;height:10px}html,body{max-width:100%;overflow-x:hidden}@media (width<=1200px){.hero-content h1{font-size:3rem}}@media (width<=992px){.hero-section{text-align:center;gap:40px;padding:40px 5%;grid-template-columns:1fr!important}.hero-content{order:1}.hero-visual{order:2;justify-content:center;width:100%}.hero-content p{margin:0 auto 30px}.hero-actions{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.features-grid{grid-template-columns:1fr}.hero-content h1{font-size:2.25rem}.landing-header{padding:0 15px}.nav-btn:not(.primary){display:none}.mobile-app-mock{transform-origin:50%;transform:scale(.9)}}@media (width<=480px){.hero-content h1{font-size:1.75rem}.hero-actions{flex-direction:column;width:100%}.hero-btn{justify-content:center;width:100%}.mobile-app-mock{transform:scale(.8)}.glass-card{padding:15px}}