:root{--red: #b42318;--red-dark: #8f1d14;--yellow: #f4c542;--yellow-light: #fff3bf;--bg: #fafaf7;--surface: #fff;--text: #292524;--muted: #6f6964;--border: #e7e5e4;--success: #2e7d32;--warning: #9a6513;--shadow: 0 8px 28px rgba(41, 37, 36, .07);--radius: 14px;--mat-sys-background: light-dark(#fff8f6, #181211);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);--mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);--mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);--mat-sys-on-background: light-dark(#201a19, #ede0dd);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #690100);--mat-sys-on-primary-container: light-dark(#930100, #ffdad4);--mat-sys-on-primary-fixed: light-dark(#410000, #410000);--mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);--mat-sys-on-secondary: light-dark(#ffffff, #442925);--mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);--mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);--mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);--mat-sys-on-surface: light-dark(#201a19, #ede0dd);--mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);--mat-sys-on-tertiary: light-dark(#ffffff, #323200);--mat-sys-on-tertiary-container: light-dark(#494900, #eaea00);--mat-sys-on-tertiary-fixed: light-dark(#1d1d00, #1d1d00);--mat-sys-on-tertiary-fixed-variant: light-dark(#494900, #494900);--mat-sys-outline: light-dark(#857370, #a08c89);--mat-sys-outline-variant: light-dark(#d8c2be, #534341);--mat-sys-primary: light-dark(#c00100, #ffb4a8);--mat-sys-primary-container: light-dark(#ffdad4, #930100);--mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#775651, #e7bdb6);--mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);--mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #181211);--mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);--mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);--mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);--mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);--mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);--mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);--mat-sys-surface-variant: light-dark(#f5ddda, #534341);--mat-sys-tertiary: light-dark(#626200, #cdcd00);--mat-sys-tertiary-container: light-dark(#eaea00, #494900);--mat-sys-tertiary-fixed: light-dark(#eaea00, #eaea00);--mat-sys-tertiary-fixed-dim: light-dark(#cdcd00, #cdcd00);--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem DM Sans;--mat-sys-body-large-font: DM Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem DM Sans;--mat-sys-body-medium-font: DM Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem DM Sans;--mat-sys-body-small-font: DM Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem DM Sans;--mat-sys-display-large-font: DM Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem DM Sans;--mat-sys-display-medium-font: DM Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem DM Sans;--mat-sys-display-small-font: DM Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem DM Sans;--mat-sys-headline-large-font: DM Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem DM Sans;--mat-sys-headline-medium-font: DM Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem DM Sans;--mat-sys-headline-small-font: DM Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem DM Sans;--mat-sys-label-large-font: DM Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem DM Sans;--mat-sys-label-medium-font: DM Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem DM Sans;--mat-sys-label-small-font: DM Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem DM Sans;--mat-sys-title-large-font: DM Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem DM Sans;--mat-sys-title-medium-font: DM Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem DM Sans;--mat-sys-title-small-font: DM Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:DM Sans,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:3px solid #d69e00;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.material-symbols-rounded,mat-icon{font-family:Material Symbols Rounded!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.app-shell{height:100vh;background:var(--bg)}.mat-drawer{border:0!important;background:#fff!important;box-shadow:1px 0 0 var(--border)}.mat-drawer-content{min-height:100vh}.sidebar{height:100%;padding:22px 16px;display:flex;flex-direction:column;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 10px;margin-bottom:22px}.brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:var(--red);color:#fff;font-weight:800;box-shadow:inset -5px -5px #8f1d1480;position:relative}.brand-mark:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--yellow);position:absolute;right:-3px;top:-3px;border:2px solid white}.brand strong,.brand small{display:block;white-space:nowrap}.brand strong{color:var(--red-dark);font-size:1.18rem}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:.68rem}.sidebar nav{display:grid;gap:4px}.sidebar nav a{min-height:46px;display:flex;align-items:center;gap:14px;padding:10px 13px;text-decoration:none;color:#57534e;border-radius:10px;font-weight:600;white-space:nowrap;position:relative}.sidebar nav a:hover{background:#f7f5f3;color:var(--text)}.sidebar nav a.active{color:var(--red-dark);background:#fff3f1}.sidebar nav a.active:before{content:"";position:absolute;left:-16px;width:4px;height:24px;border-radius:0 4px 4px 0;background:var(--red)}.sidebar nav mat-icon{color:#78716c}.sidebar nav a.active mat-icon{color:var(--red)}.collapsed nav a{justify-content:center}.sidebar-foot{margin-top:auto;display:flex;gap:10px;align-items:center;background:#f8faf8;border:1px solid #e3eee3;border-radius:10px;padding:12px}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:.75rem}.sidebar-foot small{color:var(--muted);margin-top:2px}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #e8f5e9}.topbar{height:72px;padding:0 28px 0 18px;background:#fffffff0;border-bottom:1px solid var(--border);display:flex;align-items:center;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-spacer{flex:1}.topbar-context{padding-left:10px}.topbar-context span,.topbar-context strong{display:block}.topbar-context span{color:var(--muted);font-size:.75rem}.topbar-context strong{font-size:.9rem;text-transform:capitalize}.user-menu{height:52px!important}.avatar{width:36px;height:36px;border-radius:50%;background:var(--yellow-light);color:var(--red-dark);display:grid;place-items:center;font-weight:800;margin-right:10px}.user-copy{text-align:left;line-height:1.2}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:.88rem}.user-copy small{font-size:.74rem;color:var(--muted);margin-top:3px}main{min-height:calc(100vh - 72px);padding:30px clamp(20px,3vw,44px) 48px;outline:none}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 26px}.page-header h1{font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.035em;margin:3px 0 0}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:800;margin:0}.subtitle{color:var(--muted);margin:8px 0 0;max-width:720px}.primary-button{background:var(--red)!important;color:#fff!important}.danger-button{background:var(--red-dark)!important;color:#fff!important}.highlight-button{background:var(--yellow)!important;color:var(--text)!important}.secondary-button{background:#fff!important;border:1px solid var(--border)!important;color:var(--text)!important}.surface{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.surface-header{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.surface-header h2{margin:0;font-size:1.05rem}.surface-body{padding:22px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.toolbar .search-box{flex:1 1 280px}.search-box{min-height:46px;display:flex;align-items:center;gap:10px;border:1px solid #d6d3d1;background:#fff;border-radius:10px;padding:0 14px}.search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #b423181a}.search-box mat-icon{color:var(--muted)}.search-box input{border:0;outline:0;width:100%;background:transparent;color:var(--text)}.filter-select{min-height:46px;border:1px solid #d6d3d1;border-radius:10px;padding:0 12px;background:#fff;color:var(--text)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.055em;background:#fafaf9}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:hover{background:#fffdf7}.data-table tbody tr:last-child td{border-bottom:0}.cell-title{font-weight:700}.cell-meta{color:var(--muted);font-size:.78rem;margin-top:3px}.money{font-variant-numeric:tabular-nums;font-weight:700}.status-chip{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:5px 9px;border-radius:99px;font-size:.75rem;font-weight:700;background:#f5f5f4;color:#57534e}.status-chip.success{color:#1e6424;background:#eaf5eb}.status-chip.warning{color:#74490d;background:#fff3cd}.status-chip span{font-size:.65rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}.form-grid .full{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:12px}.mat-mdc-form-field{width:100%}.form-card{max-width:940px}.form-note{grid-column:1/-1;padding:14px 16px;border-radius:10px;background:#fffaf0;color:#6c4b12;display:flex;gap:10px;align-items:center;font-size:.88rem}.state-card{text-align:center;max-width:520px;margin:48px auto;padding:38px 24px}.state-card>mat-icon{display:grid;place-items:center;width:54px;height:54px;font-size:28px;color:var(--red);background:#fff0ee;border-radius:50%;margin:0 auto 16px}.state-card h2{margin:0 0 8px;font-size:1.2rem}.state-card p{color:var(--muted);margin:0 0 20px}.skeleton-wrap{padding:16px}.skeleton-row{height:58px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;align-items:center;border-bottom:1px solid #f2f0ef}.skeleton-row span{height:13px;border-radius:6px;background:linear-gradient(90deg,#f2f0ef 25%,#faf9f8,#f2f0ef 65%);background-size:300% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.notice{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;margin-bottom:18px}.notice.success{background:#eaf5eb;color:#1e6424}.notice.error{background:#fff0ee;color:var(--red-dark)}.notice.warning{background:var(--yellow-light);color:#674710}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{padding:19px}.metric-card .metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.metric-icon{width:34px;height:34px;border-radius:9px;background:#fff0ee;color:var(--red);display:grid;place-items:center}.metric-card strong{display:block;font-size:1.55rem;margin:16px 0 5px;letter-spacing:-.025em}.metric-card small{color:var(--muted)}.dialog-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--yellow-light);color:#674710;margin:22px 24px 0}.dialog-icon.destructive{background:#fff0ee;color:var(--red-dark)}.split-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:20px}.stack{display:grid;gap:18px}@media(max-width:1200px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){main{padding:22px 16px 36px}.topbar{padding-right:12px}.topbar-context,.user-copy{display:none}.page-header{align-items:flex-start;flex-direction:column}.page-header button{width:100%}.form-grid,.split-grid{grid-template-columns:1fr}.form-grid .full,.form-actions,.form-note{grid-column:auto}.cards-grid{grid-template-columns:1fr}.surface-header{align-items:flex-start;flex-direction:column}.form-actions{justify-content:stretch}.form-actions button{flex:1}}