*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7f6;color:#2d3436;font-family:Inter,sans-serif;overflow:hidden}.app-wrapper{overflow:hidden}.app-wrapper,.sidebar{display:flex;height:100vh}.sidebar{background:#1e293b;color:#fff;flex-direction:column;flex-shrink:0;overflow-y:auto;position:relative;width:260px;z-index:100}.main-content{flex:1;height:100vh;overflow-y:auto;padding:2rem}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#6c757d}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0f172a}.sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}:root{--sidebar-bg:#1e293b;--sidebar-active:hsla(0,0%,100%,.1);--primary-indigo:#4f46e5;--body-bg:#f4f7f6}.sidebar .nav-link{align-items:center;border-radius:8px;color:hsla(0,0%,100%,.7);display:flex;margin:.2rem .8rem;padding:.8rem 1.5rem;transition:all .2s}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:var(--sidebar-active);color:#fff}.sidebar .nav-link i{font-size:1.1rem;margin-right:10px}.main-content.vh-100{overflow:hidden;padding:0!important}.main-content.login-main{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{max-width:420px;width:100%}.card{border:none;border-radius:12px;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);transition:transform .25s ease,box-shadow .25s ease!important}.card:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.1)!important;transform:translateY(-5px)!important}.btn-primary{background-color:var(--primary-indigo);border:none;border-radius:8px;padding:.6rem 1.2rem;transition:all .2s ease-in-out!important}.btn-primary:hover{background-color:#4338ca;filter:brightness(1.1);transform:translateY(-1px)}.orders-table{border-collapse:collapse;table-layout:fixed;width:100%}.orders-table td:first-child,.orders-table th:first-child{width:70px}.orders-table td:nth-child(2),.orders-table th:nth-child(2){width:100px}.orders-table td:nth-child(3),.orders-table th:nth-child(3){width:auto}.orders-table td:nth-child(4),.orders-table td:nth-child(5),.orders-table th:nth-child(4),.orders-table th:nth-child(5){text-align:right;width:100px}.orders-table td:nth-child(6),.orders-table th:nth-child(6){width:120px}.orders-table td:nth-child(7),.orders-table th:nth-child(7){text-align:right;width:60px}.orders-table td:first-child,.orders-table th:first-child{padding-left:1.5rem}.orders-table td:last-child,.orders-table th:last-child{padding-right:1.5rem}.orders-table td:nth-child(3){line-height:1.3;white-space:normal;word-break:break-word}.orders-table td:nth-child(4),.orders-table td:nth-child(5){text-align:right}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.status-empty{background:#e9ecef;color:#6c757d}.status-unpaid{background:#fff3cd;color:#856404}.status-partial{background:#fff3cd;color:#d39e00}.status-paid{background:#d1e7dd;color:#0f5132}.status-overpaid{background:#f8d7da;color:#842029}.order-link{color:#1e293b;font-weight:600;text-decoration:none}.order-link:hover{color:#4f46e5;text-decoration:underline}.customer-link{color:#4b5563;text-decoration:none}.customer-link:hover{color:#4f46e5;text-decoration:underline}.loading-spinner{padding:2rem;text-align:center}.loading-more{color:#6c757d;font-size:.875rem;padding:1rem;text-align:center}.loading-more .spinner-border{height:1rem;margin-right:.5rem;width:1rem}.table td,.table th{vertical-align:middle}.table-responsive{overflow-x:auto}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#e9ecef;border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#6c757d}