@charset "UTF-8";:root{--color-primary: #1e293b;--color-primary-light: #334155;--color-primary-lighter: #475569;--color-primary-dark: #0f172a;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-surface-pressed: #f1f5f9;--color-surface-muted: #f8fafc;--color-border: #d1d5db;--color-border-light: #e5e7eb;--color-border-strong: #9ca3af;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-inverse: #ffffff;--color-accent: #2563eb;--color-accent-light: #3b82f6;--color-accent-dark: #1d4ed8;--color-success: #059669;--color-success-light: #10b981;--color-warning: #d97706;--color-warning-light: #f59e0b;--color-error: #dc2626;--color-error-light: #ef4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -1px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-surface-muted);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:600;line-height:1.25;color:var(--color-text-primary);margin:0}.h1,h1{font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.025em}.h2,h2{font-size:var(--font-size-3xl);font-weight:600;letter-spacing:-.025em}.h3,h3{font-size:var(--font-size-2xl);font-weight:600}.h4,h4{font-size:var(--font-size-xl);font-weight:600}.h5,h5{font-size:var(--font-size-lg);font-weight:500}.h6,h6{font-size:var(--font-size-base);font-weight:500}.text-lg{font-size:var(--font-size-lg)}.text-base{font-size:var(--font-size-base)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.w-100{width:100%}.mt-3{margin-top:var(--space-3, 1rem)}.mt-4{margin-top:var(--space-4, 1.5rem)}.text-muted{color:var(--color-text-tertiary)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}p{margin:0;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.page-header{margin-bottom:var(--space-12)}.page-header h1{margin-bottom:var(--space-2)}.page-header .subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:400}.card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card .card-header{padding:var(--space-6);border-bottom:2px solid var(--color-border-light);background:var(--color-surface-hover)}.card .card-header .card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.card .card-content{padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:600;line-height:1;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.btn.btn-primary:hover:not(:disabled){background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.btn-text{background:transparent;color:var(--color-accent);border:2px solid transparent;box-shadow:none}.btn.btn-text:hover:not(:disabled){color:var(--color-accent-dark);background:var(--color-surface-hover);border-color:var(--color-border-light)}.btn.btn-action-dark{background:#000;color:#fff;border:2px solid #000000;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0003}.btn.btn-action-dark:hover:not(:disabled){background:#1a1a1a;color:#fff;border-color:#333;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.btn.btn-action-dark:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.btn.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:500}.btn.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-primary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-tertiary)}input:disabled,textarea:disabled,select:disabled{background:var(--color-surface-pressed);color:var(--color-text-tertiary);cursor:not-allowed;border-color:var(--color-border-light)}input.error,textarea.error,select.error{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-tertiary);border:2px solid var(--color-surface)}.status-dot.active{background:var(--color-success);box-shadow:0 0 8px #05966966}.status-dot.error{background:var(--color-error);box-shadow:0 0 8px #dc262666}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 8px #d9770666}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table th,.table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}.table th{background:var(--color-surface-hover);font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.table tbody tr:hover{background:var(--color-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;line-height:1;border-radius:var(--radius-sm);border:1px solid transparent}.badge.badge-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary-dark)}.badge.badge-secondary{background:var(--color-surface-pressed);color:var(--color-text-secondary);border-color:var(--color-border)}.badge.badge-success{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.badge.badge-warning{background:var(--color-warning);color:var(--color-text-inverse);border-color:var(--color-warning)}.badge.badge-error{background:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.badge.incoming{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent-dark)}.badge.outgoing{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary-dark)}.badge.e-archive{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.badge.type-incoming{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent-dark)}.badge.type-outgoing{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary-dark)}.badge.type-archive{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.badge.type-cancelled{background:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error);opacity:.8;text-decoration:line-through}.badge.badge-invoice-type{font-size:var(--font-size-sm);font-weight:700;padding:var(--space-2) var(--space-4);text-transform:uppercase;letter-spacing:.05em;border-width:2px;box-shadow:0 2px 4px #00000026}.error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--space-1);font-weight:500}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-center{text-align:center}.text-right{text-align:right}@media (max-width: 768px){:root{--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem}.card .card-header,.card .card-content{padding:var(--space-4)}.btn{padding:var(--space-3) var(--space-5)}.btn.btn-sm{padding:var(--space-2) var(--space-3)}}.mat-autocomplete-panel,.mat-mdc-autocomplete-panel{min-width:500px!important;background:#fff!important;border-radius:8px!important;box-shadow:0 5px 15px #0003!important;border:1px solid rgba(0,0,0,.1)!important}.mat-autocomplete-panel .mat-option,.mat-mdc-autocomplete-panel .mat-mdc-option{padding:0 16px!important;height:48px!important;line-height:48px!important;font-size:14px!important}.mat-autocomplete-panel .mat-option:hover,.mat-autocomplete-panel .mat-option.mat-active,.mat-mdc-autocomplete-panel .mat-mdc-option:hover,.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--active{background:#0000000a!important}.detail-content{max-width:1400px!important;margin:0 auto}.mat-mdc-autocomplete-panel{max-width:none!important}.mat-mdc-option{height:auto!important;min-height:48px;padding-top:8px!important;padding-bottom:8px!important}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal!important;line-height:1.4}.custom-autocomplete-panel .mat-mdc-option{height:auto!important;min-height:48px;padding:8px 16px!important;line-height:1.5}.custom-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text{white-space:normal!important}.mat-mdc-option.mat-mdc-option{height:auto!important;min-height:48px;line-height:1.5;padding-top:8px!important;padding-bottom:8px!important}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal!important}.mat-tooltip{font-size:var(--font-size-sm)!important}.xml-viewer-dialog-panel .mat-dialog-container{padding:0}.xml-viewer-dialog-panel{max-width:95vw!important;width:70vw;height:70vh}.mat-mdc-select-panel{background:#fff!important;border-radius:8px!important;box-shadow:0 5px 15px #0003!important;border:1px solid rgba(0,0,0,.1)!important;min-width:300px!important;max-height:300px!important;overflow-y:auto!important}.mat-mdc-option.mat-mdc-option-in-select{padding:0 16px!important;height:48px!important;line-height:48px!important;font-size:14px!important;background:#fff!important;color:var(--color-text-primary)!important;transition:background-color .2s ease!important}.mat-mdc-option.mat-mdc-option-in-select:hover{background:#0000000a!important}.mat-mdc-option.mat-mdc-option-in-select.mdc-list-item--selected{background:var(--color-accent)!important;color:#fff!important}.mat-mdc-option.mat-mdc-option-in-select.mdc-list-item--selected:hover{background:var(--color-accent-dark)!important}:host ::ng-deep .mat-dialog-content{word-break:break-word;white-space:pre-line}