:root,:root[data-theme=dark]{--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--grana-orange: #ff6b00;--grana-orange-light: #ff8a33;--grana-orange-dark: #cc5500;--grana-orange-glow: rgba(255, 107, 0, .15);--grana-primary: #ff6b00;--grana-primary-glow: rgba(255, 107, 0, .15);--grana-black: #0d0d0d;--grana-surface: #1a1a1a;--grana-surface-light: #242424;--grana-surface-hover: #2a2a2a;--grana-border: #333333;--grana-text: #f5f5f5;--grana-text-secondary: #999999;--grana-text-muted: #666666;--grana-success: #00c853;--grana-danger: #ff3d3d;--grana-warning: #ffb300;--grana-info: #29b6f6;--grana-nav-bg: rgba(13, 13, 13, .84);--grana-btn-ghost-bg: rgba(13, 13, 13, .62);--grana-btn-ghost-border: rgba(255, 107, 0, .42);--grana-menu-bg: rgba(26, 26, 26, .98);--padding-desktop: 24px;--padding-mobile: 16px}:root[data-theme=light]{--grana-black: #ffffff;--grana-surface: #f9fafb;--grana-surface-light: #f3f4f6;--grana-surface-hover: #e5e7eb;--grana-border: #e5e7eb;--grana-text: #0f172a;--grana-text-secondary: #475569;--grana-text-muted: #64748b;--grana-nav-bg: rgba(255, 255, 255, .84);--grana-btn-ghost-bg: rgba(255, 255, 255, .62);--grana-btn-ghost-border: rgba(255, 107, 0, .42);--grana-menu-bg: rgba(243, 244, 246, .98)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--grana-black);color:var(--grana-text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:#ff6b00;text-decoration:none;transition:color .2s ease}a:hover{color:#ff8a33}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff6b00}::selection{background:#ff6b004d;color:#f5f5f5}.mat-mdc-dialog-container{--mdc-dialog-container-color: rgba(26, 26, 26, .65) !important;--mdc-dialog-subhead-color: #f5f5f5 !important;--mdc-dialog-supporting-text-color: #999999 !important;--mdc-dialog-container-shape: 16px !important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}.cdk-overlay-dark-backdrop{background:#00000080!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.mat-mdc-dialog-surface{border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 25px 50px -12px #000000b3!important;background-color:transparent!important}.mat-mdc-dialog-title{font-family:var(--font-heading)!important;font-size:1.25rem!important;font-weight:600!important;padding:24px 32px 16px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;margin-bottom:16px!important}.mat-mdc-dialog-content{padding:8px 32px 24px!important;display:flex;flex-direction:column;gap:24px}.mat-mdc-dialog-actions{padding:20px 32px!important;border-top:1px solid rgba(255,255,255,.05)!important;margin-bottom:0!important}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: #242424 !important;--mdc-snackbar-supporting-text-color: #f5f5f5 !important;--mat-snack-bar-button-color: #ff6b00 !important;--mdc-snackbar-container-shape: 8px !important;border:1px solid var(--grana-border)}.mat-mdc-form-field{width:100%;margin-bottom:24px;--mdc-outlined-text-field-container-shape: 10px;--mdc-outlined-text-field-outline-color: rgba(255, 255, 255, .15);--mdc-outlined-text-field-focus-outline-color: #ff6b00;--mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, .3);--mdc-outlined-text-field-label-text-color: #999999;--mdc-outlined-text-field-focus-label-text-color: #ff6b00;--mdc-outlined-text-field-input-text-color: #f5f5f5;--mdc-outlined-text-field-caret-color: #ff6b00}.mat-mdc-form-field .mdc-floating-label{font-weight:500!important;font-size:1rem;letter-spacing:.01em}.mat-mdc-form-field .mdc-text-field--outlined{background-color:#1e1e1e66;border-radius:10px}.mat-mdc-form-field .mdc-notched-outline{z-index:1}.mat-mdc-form-field .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-notched-outline__trailing{border-color:#ffffff26!important}.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing{border-color:var(--grana-orange)!important}.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{padding-top:4px}.mat-mdc-select-panel{background:#1a1a1ad9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--grana-border)!important;border-radius:8px!important;box-shadow:0 10px 25px -5px #00000080!important;padding:4px!important}.mat-mdc-select-panel .mat-mdc-option{border-radius:6px!important;margin:2px 4px!important;min-height:40px!important;color:var(--grana-text)!important;font-weight:500!important}.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:#ffffff14!important}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background-color:var(--grana-orange-glow)!important;color:var(--grana-orange)!important;font-weight:600!important}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-flat-button{font-family:var(--font-body)!important;font-weight:600!important;letter-spacing:.02em!important}.mat-mdc-icon-button{--mdc-icon-button-icon-color: #999999}.mat-mdc-icon-button:hover{--mdc-icon-button-icon-color: #f5f5f5}.mat-mdc-menu-panel{--mat-menu-container-color: #1a1a1a;--mat-menu-item-label-text-color: #f5f5f5}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color: #242424;--mdc-plain-tooltip-supporting-text-color: #f5f5f5}.text-orange{color:#ff6b00!important}.text-success{color:#00c853!important}.text-danger{color:#ff3d3d!important}.text-warning{color:#ffb300!important}.text-info{color:#29b6f6!important}.text-muted{color:#666!important}.text-secondary{color:#999!important}.bg-surface{background:#1a1a1a!important}.bg-surface-light{background:#242424!important}.glow-orange{box-shadow:0 0 20px #ff6b004d,0 0 60px #ff6b001a}@media(max-width:768px){.hide-mobile{display:none!important}}@media(max-width:768px){.full-width-mobile{width:100%!important;max-width:100%!important;flex-basis:100%!important}}@media(max-width:768px){.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}}@media(max-width:768px){.fullscreen-dialog-mobile{max-width:100vw!important;width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important}}@media(max-width:768px){.card-mobile{display:flex!important;flex-direction:column!important;background-color:var(--grana-surface);border:1px solid var(--grana-border);border-radius:12px;padding:16px;margin-bottom:12px;gap:8px}}.font-heading{font-family:var(--font-heading)!important}.glass-card{background:#1a1a1ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(51,51,51,.5);border-radius:16px}.btn-glass-orange-black{background:#0d0d0d99!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,107,0,.4)!important;color:#ff6b00!important;font-family:var(--font-body)!important;font-weight:600!important;border-radius:10px!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.btn-glass-orange-black:hover:not(:disabled){background:#ff6b00!important;color:#0d0d0d!important;border-color:#ff6b00!important;box-shadow:0 0 15px #ff6b0099!important;transform:translateY(-1px)}.btn-glass-orange-black:active:not(:disabled){transform:translateY(0)}.btn-glass-orange-black:disabled{opacity:.4;border-color:#3333334d!important;color:var(--grana-text-secondary)!important;cursor:not-allowed}.glass-menu-item{transition:all .2s ease!important}.glass-menu-item:hover{background-color:#ff6b00!important;color:#0d0d0d!important}.glass-menu-item:hover mat-icon{color:#0d0d0d!important}.glass-select-panel{background:#121212f5!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,107,0,.2)!important;border-radius:14px!important;margin-top:6px!important;box-shadow:0 12px 40px #00000080,0 0 20px #ff6b0014!important;overflow:hidden!important}.glass-select-panel .mat-mdc-optgroup-label{font-family:var(--font-heading)!important;font-size:11px!important;font-weight:700!important;color:var(--grana-orange)!important;text-transform:uppercase!important;letter-spacing:1px!important;padding:10px 16px 6px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;background:#ffffff05!important}.glass-select-panel .mat-mdc-option{font-size:14px!important;min-height:40px!important;padding-left:20px!important;transition:all .15s ease!important}.glass-select-panel .mat-mdc-option:hover{background:#ff6b001a!important}.glass-select-panel .mat-mdc-option.mdc-list-item--selected{background:#ff6b0026!important;color:var(--grana-orange)!important;font-weight:600!important}.glass-select-panel .mat-mdc-option .mat-pseudo-checkbox{color:#ffffff4d!important}.glass-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox{color:var(--grana-orange)!important}.mat-mdc-dialog-container{--mdc-dialog-container-shape: 20px;--mat-dialog-content-padding: 16px 24px 20px 24px}.mat-mdc-dialog-container .mdc-dialog__surface{background:#121212eb!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,107,0,.12)!important;box-shadow:0 20px 60px #00000080,0 0 30px #ff6b000f!important;border-radius:20px!important;overflow:hidden!important}.mat-mdc-dialog-container .mat-mdc-dialog-title{font-family:var(--font-heading)!important;font-size:20px!important;font-weight:700!important;color:var(--grana-text)!important;padding:24px 24px 8px!important;margin:0!important}.mat-mdc-dialog-container .mat-mdc-dialog-content{color:var(--grana-text-secondary)!important;padding:16px 24px 20px!important}@media(max-width:600px){.mat-mdc-dialog-container .mat-mdc-dialog-content{padding:16px 16px 20px!important}}.mat-mdc-dialog-container .mat-mdc-dialog-actions{padding:12px 24px 20px!important;gap:12px!important}.mat-mdc-dialog-container .mat-mdc-button{color:var(--grana-text-secondary)!important;border-radius:10px!important;transition:all .2s!important}.mat-mdc-dialog-container .mat-mdc-button:hover{color:var(--grana-danger)!important;background:#ef444414!important}.mat-mdc-dialog-container .mat-mdc-unelevated-button.mat-primary{background:linear-gradient(135deg,var(--grana-orange),#ff8533)!important;color:#000!important;border-radius:10px!important;font-weight:600!important;transition:all .25s ease!important}.mat-mdc-dialog-container .mat-mdc-unelevated-button.mat-primary:hover:not(:disabled){box-shadow:0 0 20px #ff6b0066!important;transform:translateY(-1px)}.mat-mdc-dialog-container .mat-mdc-unelevated-button.mat-primary:disabled{background:#ffffff0d!important;color:#ffffff4d!important}.mat-mdc-dialog-container .color-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.mat-mdc-dialog-container .color-picker .color-option{width:32px;height:32px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mat-mdc-dialog-container .color-picker .color-option:hover{transform:scale(1.15);border-color:#fff6;box-shadow:0 0 10px #ffffff1a}.mat-mdc-dialog-container .color-picker .color-option.selected{border-color:var(--grana-orange);box-shadow:0 0 12px #ff6b0066}.mat-mdc-dialog-container .color-picker .color-option mat-icon{font-size:16px;width:16px;height:16px;color:#fff}.mat-mdc-dialog-container .icon-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mat-mdc-dialog-container .icon-picker .icon-option{width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.mat-mdc-dialog-container .icon-picker .icon-option:hover{background:#ff6b001f;border-color:#ff6b004d;transform:scale(1.1);box-shadow:0 0 10px #ff6b0026}.mat-mdc-dialog-container .icon-picker .icon-option.selected{background:#ff6b0033;border-color:var(--grana-orange);box-shadow:0 0 12px #ff6b004d}.mat-mdc-dialog-container .icon-picker .icon-option mat-icon{font-size:20px;width:20px;height:20px;color:var(--grana-text)}.mat-mdc-dialog-container .icon-picker .icon-option.selected mat-icon{color:var(--grana-orange)}.mat-mdc-dialog-container .mat-mdc-form-field .mat-mdc-text-field-wrapper{background:#ffffff08!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06);transition:all .2s}.mat-mdc-dialog-container .mat-mdc-form-field .mat-mdc-text-field-wrapper:hover{border-color:#ff6b0026}.mat-mdc-dialog-container .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper{border-color:#ff6b004d!important;box-shadow:0 0 8px #ff6b0014}.mat-mdc-dialog-container .mat-mdc-form-field .mdc-notched-outline__leading,.mat-mdc-dialog-container .mat-mdc-form-field .mdc-notched-outline__notch,.mat-mdc-dialog-container .mat-mdc-form-field .mdc-notched-outline__trailing{border-color:transparent!important}.mat-mdc-select-panel{background:#121212f5!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,107,0,.15)!important;border-radius:14px!important;margin-top:6px!important;box-shadow:0 12px 40px #00000080,0 0 20px #ff6b000f!important}.mat-mdc-select-panel .mat-mdc-option{transition:all .15s ease}.mat-mdc-select-panel .mat-mdc-option:hover{background:#ff6b001a!important}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected{background:#ff6b0026!important;color:var(--grana-orange)!important;font-weight:600!important}.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox{color:#ffffff4d!important}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox{color:var(--grana-orange)!important}.filter-field .mat-mdc-form-field{margin-bottom:0!important}.filter-field ::ng-deep .mat-mdc-text-field-wrapper,.filter-field .mat-mdc-text-field-wrapper{background:#ffffff08!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06)!important;transition:all .25s ease!important}.filter-field:hover ::ng-deep .mat-mdc-text-field-wrapper,.filter-field:hover .mat-mdc-text-field-wrapper{border-color:#ff6b0033!important;background:#ffffff0d!important}.filter-field ::ng-deep .mdc-notched-outline__leading,.filter-field ::ng-deep .mdc-notched-outline__notch,.filter-field ::ng-deep .mdc-notched-outline__trailing,.filter-field .mdc-notched-outline__leading,.filter-field .mdc-notched-outline__notch,.filter-field .mdc-notched-outline__trailing{border-color:transparent!important}.filters-card{background:#0d0d0d99!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,107,0,.1)!important;border-radius:16px!important;box-shadow:0 4px 20px #0003!important}.filters-card .mat-mdc-form-field{margin-bottom:0!important}.filters-card .mat-mdc-text-field-wrapper{background:#ffffff0a!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06)!important;transition:all .25s ease!important}.filters-card .mat-mdc-text-field-wrapper:hover{border-color:#ff6b0033!important;background:#ffffff0f!important}.filters-card .mdc-notched-outline__leading,.filters-card .mdc-notched-outline__notch,.filters-card .mdc-notched-outline__trailing{border-color:transparent!important}.generator-card .mat-mdc-text-field-wrapper{background:#ffffff0a!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06)!important;transition:border-color .25s ease!important}.generator-card .mat-mdc-text-field-wrapper:hover{border-color:#ff6b0040!important}.generator-card .mdc-notched-outline__leading,.generator-card .mdc-notched-outline__notch,.generator-card .mdc-notched-outline__trailing{border-color:transparent!important}.mat-datepicker-content{background:#121212f5!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,107,0,.15)!important;border-radius:16px!important;box-shadow:0 20px 60px #00000080,0 0 30px #ff6b000f!important;overflow:hidden!important}.mat-datepicker-content .mat-calendar-header{background:#ff6b000f!important;padding:8px!important}.mat-datepicker-content .mat-calendar-controls button,.mat-datepicker-content .mat-calendar-period-button{color:var(--grana-text)!important;border-radius:8px!important}.mat-datepicker-content .mat-calendar-controls button:hover,.mat-datepicker-content .mat-calendar-period-button:hover{background:#ff6b001f!important;color:var(--grana-orange)!important}.mat-datepicker-content .mat-calendar-body-cell-content{color:var(--grana-text)!important;border-radius:8px!important;transition:background .15s!important}.mat-datepicker-content .mat-calendar-body-cell:hover .mat-calendar-body-cell-content{background:#ff6b001f!important;color:var(--grana-orange)!important}.mat-datepicker-content .mat-calendar-body-selected{background:var(--grana-orange)!important;color:#000!important;font-weight:700!important;box-shadow:0 0 12px #ff6b0066!important}.mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:#ff6b0066!important;color:var(--grana-orange)!important}.mat-datepicker-content .mat-calendar-arrow{fill:var(--grana-text)!important}.mat-datepicker-content .mat-calendar-table-header th{color:var(--grana-text-secondary)!important;font-weight:600!important;font-size:11px!important}.mat-datepicker-content .mat-calendar-body-label{color:var(--grana-text-secondary)!important}.metric-card:hover,.total-card:hover,.chart-card:hover{border-color:#ff6b0040!important}.income-row td{background:#00c85305!important}.items-table-detail tr:hover td{background:#ff6b000a!important}.btn-gradient{background:linear-gradient(135deg,#ff6b00,#ff8a33);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-family:var(--font-body);font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-gradient:hover{box-shadow:0 4px 20px #ff6b0066,0 0 40px #ff6b0026;transform:translateY(-1px)}.btn-gradient:active{transform:translateY(0)}.btn-gradient:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.page-container{padding:var(--padding-desktop);max-width:1400px;margin:0 auto;animation:fadeIn .3s ease}@media(max-width:768px){.page-container{padding:var(--padding-mobile)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}