:root{--primary-color: #ff6b47;--primary-hover: #e55a42;--secondary-color: #6c757d;--secondary-hover: #5a6268;--accent-color: #4a90d9;--sidebar-bg: #3a4249;--sidebar-border: #4a5259;--sidebar-hover: #4a5259;--text-primary: #333;--text-secondary: #6c757d;--text-white: white;--bg-primary: #f8f9fa;--bg-white: white;--bg-light: #f8f9fa;--bg-dark: #333;--border-color: #e9ecef;--border-light: #dadada;--spacing-xs: variables.$xs;--spacing-sm: variables.$sm;--spacing-md: variables.$md;--spacing-lg: variables.$lg;--spacing-xl: variables.$xl;--spacing-2xl: variables.$xxl;--spacing-3xl: variables.$xxxl;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: variables.$font-size-xs;--font-size-sm: variables.$font-size-sm;--font-size-md: variables.$font-size-md;--font-size-lg: variables.$font-size-lg;--font-size-xl: variables.$font-size-xl;--font-size-2xl: variables.$font-size-xxl;--font-weight-light: variables.$font-weight-light;--font-weight-normal: variables.$font-weight-normal;--font-weight-medium: variables.$font-weight-medium;--font-weight-semibold: variables.$font-weight-semibold;--sidebar-width: 250px;--sidebar-collapsed-width: 72px;--header-height: auto;--border-radius: 6px;--border-radius-sm: 8px;--content-max-width: 1200px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .1);--transition-fast: .3s ease;--transition-transform: transform .3s ease;--transition-margin: margin-left .3s ease;--z-sidebar: 1000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary)}.container{margin:2rem auto;padding:0 1rem}h1{text-align:center;margin-bottom:1.5rem}.accordion{background:#fff;border-radius:10px;margin-bottom:1rem;box-shadow:0 2px 6px #00000014;overflow:hidden}.accordion-header{padding:1rem;cursor:pointer;background:#e9eff5;font-weight:700;display:flex;justify-content:space-between;align-items:center}.accordion-header:hover{background:#dde6f0}.accordion-content{display:none;padding:1rem;background:#fff}.accordion.active .accordion-content{display:block}.btn{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-primary{background:var(--primary-color);color:var(--text-white)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary-color);color:var(--text-white)}.btn-secondary:hover{background:var(--secondary-hover)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],input[type=date],select{padding:.75em 1em;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=url]:focus,input[type=search]:focus,input[type=date]:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=url]:disabled,input[type=search]:disabled,input[type=date]:disabled,select:disabled{background-color:#e9ecef;opacity:.65;cursor:not-allowed}textarea{padding:1em;border:1px solid #ccc;border-radius:3px;font-size:1rem;width:100%;box-sizing:border-box;min-height:40px;resize:vertical}textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}textarea:disabled{background-color:#e9ecef;opacity:.65;cursor:not-allowed}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.jc-between{justify-content:space-between}.jc-center{justify-content:center}.jc-around{justify-content:space-around}.jc-evenly{justify-content:space-evenly}.jc-end{justify-content:flex-end}.jc-right{justify-content:right}.jc-start{justify-content:start}.icon{width:24px}.icon.light{color:red;filter:saturate(10) hue-rotate(175deg)}.icon.dark{color:#ff0}.form-row{display:flex;gap:15px;flex-wrap:wrap}.form-row .form-group{flex:1}.form-group{margin-bottom:20px}.form-group label,.form-group form-label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea,.form-group .form-control{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:8px;font-size:16px}header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e6e9ee;background:transparent}.small{font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:12px;align-items:center}.filters{display:flex;gap:8px;align-items:center}.mobile-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;padding:5px}.mobile-toggle svg{width:36px;height:36px}.breadcrumb{display:flex;align-items:center;color:var(--text-secondary);font-size:14px}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:">";margin:0 10px}.page-title{font-size:24px;font-weight:600;margin-left:var(15px);color:var(--text-primary)}.header-actions{display:flex;gap:10px}@media (max-width: 768px){.mobile-toggle{display:block}}@media (max-width: 480px){.header-actions{width:100%}.btn{justify-content:center}.invoice-table{min-width:600px;overflow-x:auto}.invoice-container{overflow-x:auto}.invoice-header,.invoice-totals{padding:20px var(15px)}}.flex{display:flex}.card-container{flex-direction:row;justify-content:space-evenly}.flex-column{flex-direction:column}.align-baseline{align-items:baseline}.align-items-end{align-items:end}.justify-space-between{justify-content:space-between}.justify-content-end{justify-content:end}.col-1{flex:0 0 8.3333333333%}.col-2{flex:0 0 16.6666666667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.3333333333%}.col-5{flex:0 0 41.6666666667%}.col-6{flex:0 0 50%}.col-7{flex:0 0 58.3333333333%}.col-8{flex:0 0 66.6666666667%}.col-9{flex:0 0 75%}.col-10{flex:0 0 83.3333333333%}.col-11{flex:0 0 91.6666666667%}.col-12{flex:0 0 100%}.card{border-radius:8px;box-shadow:0 2px 12px #0003;margin-bottom:25px;overflow:hidden;padding:16px;background-color:var(--muted)}.slim-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0003;margin-bottom:25px;overflow:hidden;padding:4px}.card-header{padding:15px 20px;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;align-items:center}.slim-card-header{border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;align-items:center}.slim-card-body{padding:5px}.card-body{color:var(--card)}