: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: #f1f3f4;--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{display:flex}.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}.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}@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)}}