:root{--primary-color:#4f46e5;--secondary-color:#7c3aed;--sidebar-bg:linear-gradient(180deg,#1e293b,#0f172a);--sidebar-hover:rgba(255,255,255,0.08);--sidebar-active:rgba(79,70,229,0.3)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:#333;background:#f8f9fa}a{color:inherit;text-decoration:none}.sidebar{background:var(--sidebar-bg);color:white;min-height:100vh;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 10px rgba(0,0,0,.1)}@media (min-width:992px){.main-content{margin-left:280px;transition:margin-left .3s ease-in-out}.main-content.sidebar-collapsed{margin-left:80px}}.sidebar.collapsed{width:80px!important}.sidebar.collapsed .nav-link{justify-content:center;padding:.75rem .5rem}@media (max-width:991.98px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)!important}}@media (min-width:992px){.sidebar{transform:translateX(0)!important}}.sidebar .nav-link{color:rgba(255,255,255,.7);padding:.65rem .75rem;border-radius:.5rem;transition:all .2s ease;margin-bottom:.25rem;font-size:.9rem;position:relative}.sidebar .nav-link:hover{background:var(--sidebar-hover);color:white;transform:translateX(2px)}.sidebar .nav-link.active{background:var(--sidebar-active);color:white;font-weight:600}.sidebar .nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary-color);border-radius:0 3px 3px 0}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767.98px){.btn{min-height:44px;min-width:44px}.btn-sm{min-height:38px;min-width:38px}.table-responsive{border:0}.table-responsive table{font-size:.875rem}.table-responsive td,.table-responsive th{padding:.5rem .25rem}}.mobile-card-view{display:none}@media (max-width:767.98px){.desktop-table-view{display:none}.mobile-card-view{display:block}.mobile-customer-card{border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;margin-bottom:1rem;background:white;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-customer-card:active{transform:scale(.98);transition:transform .1s}}@media (max-width:575.98px){.stats-card{margin-bottom:1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.spinner-border{border-width:.2em}.badge{font-weight:500;padding:.35em .65em}@media (max-width:575.98px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}}.form-control,.form-select{min-height:44px}@media (max-width:767.98px){.form-control,.form-select{font-size:16px}}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.nav-tabs .nav-link{white-space:nowrap}@media (max-width:767.98px){.nav-tabs .nav-link{font-size:.875rem;padding:.5rem .75rem}}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cursor-pointer{cursor:pointer}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95)!important}.navbar .dropdown-menu{border:none;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:.5rem}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn:focus,.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(79,70,229,.25);border-color:var(--primary-color)}.card{border:none;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:.75rem}.stats-card{transition:all .3s ease}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.12)}@media print{.btn,.navbar,.no-print,.sidebar{display:none!important}.container-fluid{padding:0!important}}