html{--mat-sys-background: #fff8f5;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #fbeee8;--mat-sys-inverse-primary: #ffb787;--mat-sys-inverse-surface: #362f2b;--mat-sys-on-background: #201a17;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #723600;--mat-sys-on-primary-fixed: #311300;--mat-sys-on-primary-fixed-variant: #723600;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #5b4130;--mat-sys-on-secondary-fixed: #2b1708;--mat-sys-on-secondary-fixed-variant: #5b4130;--mat-sys-on-surface: #201a17;--mat-sys-on-surface-variant: #52443c;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #723600;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #84746a;--mat-sys-outline-variant: #d7c3b8;--mat-sys-primary: #964900;--mat-sys-primary-container: #ffdcc7;--mat-sys-primary-fixed: #ffdcc7;--mat-sys-primary-fixed-dim: #ffb787;--mat-sys-scrim: #000000;--mat-sys-secondary: #755846;--mat-sys-secondary-container: #ffdcc7;--mat-sys-secondary-fixed: #ffdcc7;--mat-sys-secondary-fixed-dim: #e5bfa8;--mat-sys-shadow: #000000;--mat-sys-surface: #fff8f5;--mat-sys-surface-bright: #fff8f5;--mat-sys-surface-container: #f8ebe6;--mat-sys-surface-container-high: #f2e6e1;--mat-sys-surface-container-highest: #ece0da;--mat-sys-surface-container-low: #fef1ec;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e3d8d3;--mat-sys-surface-tint: #964900;--mat-sys-surface-variant: #f4ded3;--mat-sys-tertiary: #964900;--mat-sys-tertiary-container: #ffdcc7;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--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-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;--mat-sys-primary: #E7A013;--mat-sys-on-primary: #4a2f00;--mat-sys-primary-container: #FBEFD2;--mat-sys-on-primary-container: #6B4223;--mat-sys-secondary: #6B4223;--mat-sys-on-secondary: #fff;--mat-sys-error: #D64545;--mat-sys-on-error: #fff;--mat-sys-surface: #FFFFFF;--mat-sys-on-surface: #3A2A1E;--mat-sys-outline: #EFE7DA;--mat-sys-background: #FDFBF6;--mat-sys-body-large-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--mat-sys-body-medium-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--mat-sys-label-large-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}.mat-mdc-button .mat-ripple,.mat-mdc-icon-button .mat-ripple,.mat-mdc-raised-button .mat-ripple{display:none}.mat-mdc-dialog-container .mdc-dialog__surface{border-radius:var(--r-lg)!important;box-shadow:var(--sh-lg)!important}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper{background:var(--surface);border-radius:10px;border:1px solid var(--border-2);padding:0 14px}.mat-mdc-form-field .mat-mdc-text-field-wrapper:hover{border-color:var(--border-2)}.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper{border-color:var(--gold);box-shadow:var(--ring)}.mat-mdc-form-field .mdc-line-ripple{display:none}.mat-mdc-table{background:var(--surface)}.mat-mdc-table .mat-mdc-header-cell{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--border)}.mat-mdc-table .mat-mdc-cell{font-size:13.5px;font-weight:550;color:var(--ink);border-bottom:1px solid var(--border);padding:13px 18px}.mat-mdc-table .mat-mdc-row:hover .mat-mdc-cell{background:var(--surface-2)}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--surface);--mdc-snackbar-supporting-text-color: var(--ink);border:1px solid var(--border);border-left:4px solid var(--success);border-radius:12px!important;box-shadow:var(--sh-lg)!important}.mat-mdc-snack-bar-container.snack-error{border-left-color:var(--danger)}.mat-mdc-snack-bar-container.snack-warn{border-left-color:var(--warn)}.mat-mdc-select-panel{border-radius:9px!important;box-shadow:var(--sh-lg)!important;border:1px solid var(--border)}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background:var(--surface-2)!important}.mat-datepicker-content{border-radius:var(--r-lg)!important;box-shadow:var(--sh-lg)!important}:root{--canvas: #FDFBF6;--surface: #FFFFFF;--surface-2: #FAF5EC;--border: #EFE7DA;--border-2: #E6DAC7;--ink: #3A2A1E;--ink-2: #4D3D2E;--ink-3: #6B5B46;--gold: #E7A013;--gold-deep: #C9860A;--gold-soft: #FBEFD2;--brown: #6B4223;--brown-soft: #F3E9DE;--success: #2F9E44;--success-soft: #E9F5EC;--warn: #D9762B;--warn-soft: #FBEEDF;--danger: #D64545;--danger-soft: #FBEAEA;--info: #3E7CB1;--info-soft: #EAF2F8;--r: 12px;--r-lg: 16px;--sh-sm: 0 1px 2px rgba(58, 42, 30, .05);--sh: 0 4px 16px rgba(58, 42, 30, .06);--sh-lg: 0 18px 44px rgba(58, 42, 30, .16), 0 6px 14px rgba(58, 42, 30, .07);--ring: 0 0 0 3px rgba(231, 160, 19, .28);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--ink);line-height:1.2}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.badge.badge-success{background:var(--success-soft);color:var(--success)}.badge.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge.badge-info{background:var(--info-soft);color:var(--info)}.badge.badge-neutral{background:var(--surface-2);color:var(--ink-2)}.delta{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px}.delta.delta-up{color:var(--success);background:var(--success-soft)}.delta.delta-down{color:var(--danger);background:var(--danger-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card .card-header{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card .card-header .card-title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.card .card-body{padding:18px}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:#4a2f00;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:650;box-shadow:0 4px 12px #e7a01342;border:none;cursor:pointer;transition:.15s ease}.btn-primary:hover{background:var(--gold-deep);color:#fff}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--ink);border:1px solid var(--border-2);border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s ease}.btn-ghost:hover{border-color:var(--gold);color:var(--brown)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;background:var(--danger-soft);color:var(--danger);border:1px solid #f0d3d3;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s ease}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-field label{font-size:13px;font-weight:600;color:var(--ink-2)}.form-field input,.form-field textarea,.form-field select{width:100%;font-size:14px;border:1px solid var(--border-2);border-radius:10px;padding:12px 14px;background:var(--surface);color:var(--ink);transition:.15s ease;outline:none}.form-field input::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:var(--ink-3)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--gold);box-shadow:var(--ring)}.form-field textarea{resize:vertical;min-height:90px}.form-field .field-error{font-size:12px;font-weight:500;color:var(--danger)}.form-field.has-error input,.form-field.has-error textarea,.form-field.has-error select{border-color:var(--danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 30px;border:1px dashed var(--border-2);border-radius:var(--r-lg);background:var(--surface)}.empty-state .empty-icon{width:60px;height:60px;border-radius:17px;background:var(--gold-soft);color:var(--gold-deep);display:grid;place-items:center;margin-bottom:16px}.empty-state .empty-icon mat-icon{font-size:28px;width:28px;height:28px}.empty-state h3{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}.empty-state p{font-size:13.5px;color:var(--ink-2)}.skeleton{background:var(--surface-2);border-radius:6px;overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pagination{display:flex;align-items:center;gap:6px;padding:12px 18px;border-top:1px solid var(--border)}.pagination .page-info{font-size:13px;color:var(--ink-2);margin-right:auto}.pagination .pg-btn{min-width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:.15s}.pagination .pg-btn:hover:not(:disabled){border-color:var(--border-2);color:var(--ink)}.pagination .pg-btn.active{background:var(--gold-soft);color:var(--brown);border-color:var(--gold);font-weight:700}.pagination .pg-btn:disabled{opacity:.4;cursor:not-allowed}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:8px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.025em}.page-header p{font-size:14px;color:var(--ink-2);margin-top:3px}h1{font-size:clamp(22px,4vw,28px);letter-spacing:-.02em;margin:0 0 6px;font-weight:800;color:var(--ink)}.sub{color:var(--ink-2);margin:0 0 28px;font-size:14px;line-height:1.5}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:13px;font-weight:600;text-decoration:none;margin-bottom:28px;transition:color .12s}.back-link:hover{color:var(--brown)}.banner{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:11px 13px;font-size:13px;margin-bottom:22px;line-height:1.4}.banner svg{flex:none;margin-top:1px}.banner.banner-error{background:var(--danger-soft);border:1px solid #f0c8c8;color:var(--danger)}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:7px}.inp-wrap{position:relative}.inp{width:100%;font-family:var(--font);font-size:14.5px;color:var(--ink);background:var(--surface);border:1px solid var(--border-2);border-radius:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;outline:none}.inp::placeholder{color:var(--ink-3)}.inp:focus{border-color:var(--gold);box-shadow:var(--ring)}.inp.inp-has-icon{padding-right:44px}.eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;color:var(--ink-3);cursor:pointer;display:grid;place-items:center;transition:color .12s}.eye:hover{color:var(--ink-2)}.field.err .inp{border-color:var(--danger);box-shadow:0 0 0 3px #d6454524}.hint{display:block;font-size:12px;font-weight:500;color:var(--danger);margin-top:6px}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:8px}.chk{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none}.chk .box{width:18px;height:18px;min-width:18px;border-radius:5px;border:1.5px solid var(--border-2);background:var(--surface);display:grid;place-items:center;transition:background .12s,border-color .12s}.chk.on .box{background:var(--gold);border-color:var(--gold)}.link{color:var(--gold-deep);font-weight:650;text-decoration:none;font-size:13px}.link:hover{text-decoration:underline}.btn{width:100%;font-family:var(--font);font-size:14.5px;font-weight:700;border:none;border-radius:10px;padding:13px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gold);color:#4a2f00;box-shadow:0 6px 16px #e7a0134d}.btn-primary:not(:disabled):hover{background:var(--gold-deep);color:#fff}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(74,47,0,.25);border-top-color:#4a2f00;border-radius:50%;animation:spin .65s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.strength-wrap{display:flex;align-items:center;gap:10px;margin-top:8px}.strength-bar{flex:1;height:4px;border-radius:999px;background:var(--border);overflow:hidden}.strength-fill{height:100%;border-radius:999px;transition:width .25s ease,background .25s ease}.strength-fill[data-level="1"]{width:25%;background:var(--danger)}.strength-fill[data-level="2"]{width:50%;background:var(--warn)}.strength-fill[data-level="3"]{width:75%;background:var(--info)}.strength-fill[data-level="4"]{width:100%;background:var(--success)}.strength-label{font-size:11.5px;font-weight:700;width:42px;text-align:right}.strength-label[data-level="1"]{color:var(--danger)}.strength-label[data-level="2"]{color:var(--warn)}.strength-label[data-level="3"]{color:var(--info)}.strength-label[data-level="4"]{color:var(--success)}.success-state{text-align:center;padding:12px 0}.success-state h1{margin-bottom:12px}.success-state .sub{max-width:320px;margin:0 auto 6px}.success-icon{width:68px;height:68px;border-radius:20px;background:var(--success-soft);color:var(--success);display:grid;place-items:center;margin:0 auto 24px}.link-btn{background:none;border:none;padding:0;color:var(--gold-deep);font-weight:650;font-size:inherit;cursor:pointer;font-family:var(--font)}.link-btn:hover{text-decoration:underline}
