:root{--color-ink-950: #0b1220;--color-ink-900: #101828;--color-ink-800: #1d2939;--color-ink-700: #344054;--color-ink-600: #475467;--color-ink-500: #667085;--color-ink-400: #98a2b3;--color-ink-300: #d0d5dd;--color-ink-200: #e4e7ec;--color-ink-100: #f2f4f7;--color-ink-50: #f9fafb;--color-white: #ffffff;--color-accent-700: #1d4ed8;--color-accent-600: #2054c7;--color-accent-500: #2563eb;--color-accent-100: #dbe4fb;--color-accent-50: #eef2fd;--color-success-600: #087443;--color-success-100: #d7f3e3;--color-warning-600: #b25e09;--color-warning-100: #faedcd;--color-danger-600: #b91c1c;--color-danger-100: #fbe0e0;--color-info-600: #0e6ba8;--color-info-100: #dcedf8;--surface-page: var(--color-ink-50);--surface-card: var(--color-white);--surface-muted: var(--color-ink-50);--surface-subtle: var(--color-ink-100);--surface-emphasis: var(--color-ink-900);--surface-emphasis-hover: var(--color-ink-800);--surface-sidebar: var(--color-ink-950);--surface-sidebar-hover: rgba(255, 255, 255, .06);--surface-border: var(--color-ink-200);--surface-border-strong: var(--color-ink-300);--text-primary: var(--color-ink-900);--text-secondary: var(--color-ink-600);--text-tertiary: var(--color-ink-500);--text-inverse: var(--color-white);--text-on-sidebar: var(--color-ink-300);--text-on-sidebar-active: var(--color-white);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--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;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 2px 8px rgba(16, 24, 40, .08);--shadow-lg: 0 8px 24px rgba(16, 24, 40, .12);--sidebar-width: 15.5rem;--topbar-height: 4rem;--content-max-width: 76rem}:root[data-theme=dark]{--color-accent-700: #6d97f2;--color-accent-600: #5b8bef;--color-accent-500: #4c7ff0;--color-accent-100: #2a3542;--color-accent-50: #262e38;--color-success-600: #4ab787;--color-success-100: #263229;--color-warning-600: #d69a4f;--color-warning-100: #362f22;--color-danger-600: #e5837e;--color-danger-100: #3a2726;--color-info-600: #5aa8d8;--color-info-100: #24313a;--surface-page: #222222;--surface-card: #2a2a2a;--surface-muted: #2e2e2e;--surface-subtle: #383838;--surface-emphasis: #e4e4e4;--surface-emphasis-hover: #d0d0d0;--surface-sidebar: #1a1a1a;--surface-sidebar-hover: rgba(255, 255, 255, .06);--surface-border: #3a3a3a;--surface-border-strong: #4a4a4a;--text-primary: #eaeaea;--text-secondary: #b0b0b0;--text-tertiary: #8a8a8a;--text-inverse: #1a1a1a;--text-on-sidebar: #a0a0a0;--text-on-sidebar-active: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family-base);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-2);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0 0 var(--space-3);color:var(--text-secondary)}a{color:var(--color-accent-600);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin:0;padding:0;list-style:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--color-accent-100)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.field__hint{font-size:.75rem;color:var(--text-tertiary)}.field__error{font-size:.75rem;color:var(--color-danger-600)}.input,.select,.textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--surface-border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-100);border-color:var(--color-accent-500)}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--color-danger-600)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-muted);color:var(--text-tertiary);cursor:not-allowed}.textarea{resize:vertical;min-height:5rem}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary)}.search-input{position:relative;min-width:220px}@media(max-width:640px){.search-input{min-width:0;width:100%}}.search-input .input{padding-left:2.25rem}.search-input:before{content:"";position:absolute;left:.75rem;top:50%;width:14px;height:14px;transform:translateY(-50%);background:var(--text-tertiary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") no-repeat center/contain}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem .875rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-100);border-color:var(--color-accent-500)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--surface-emphasis);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--surface-emphasis-hover)}.btn--accent{background:var(--color-accent-600);color:var(--text-inverse)}.btn--accent:hover:not(:disabled){background:var(--color-accent-700)}.btn--secondary{background:var(--surface-card);border-color:var(--surface-border-strong);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--surface-muted)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-primary)}.btn--danger{background:var(--surface-card);border-color:var(--color-danger-100);color:var(--color-danger-600)}.btn--danger:hover:not(:disabled){background:var(--color-danger-100)}.btn--sm{padding:.375rem .625rem;font-size:.8125rem}.btn--icon{padding:.4rem}.btn--block{width:100%}.link-btn{background:none;border:none;padding:0;color:var(--color-accent-600);font-size:inherit;font-weight:600;cursor:pointer}.link-btn:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.1875rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4;background:var(--surface-subtle);color:var(--text-secondary)}.badge--neutral,.badge--status-cancelled,.badge--status-created{background:var(--surface-subtle);color:var(--text-secondary)}.badge--accent,.badge--status-received{background:var(--color-accent-50);color:var(--color-accent-700)}.badge--success,.badge--status-paid{background:var(--color-success-100);color:var(--color-success-600)}.badge--warning{background:var(--color-warning-100);color:var(--color-warning-600)}.badge--danger,.badge--status-rejected{background:var(--color-danger-100);color:var(--color-danger-600)}.badge--info,.badge--status-sent{background:var(--color-info-100);color:var(--color-info-600)}.table-wrapper{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--color-ink-300);border-radius:var(--radius-full)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap}.table thead th{background:var(--surface-muted);color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;border-bottom:1px solid var(--surface-border)}.table tbody tr{border-bottom:1px solid var(--surface-border)}.table tbody tr:last-child{border-bottom:none}.table tbody tr.is-clickable{cursor:pointer}.table tbody tr.is-clickable:hover{background:var(--surface-muted)}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text-secondary)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--surface-border);font-size:.8125rem;color:var(--text-tertiary);flex-wrap:wrap}.pagination__controls{display:flex;gap:var(--space-2)}.page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-header__title{margin:0}.page-header__subtitle{margin:var(--space-1) 0 0;color:var(--text-tertiary);font-size:.875rem}.page-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card+.card{margin-top:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.grid{display:grid;gap:var(--space-5)}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.grid--two{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.text-muted{color:var(--text-tertiary)}.text-secondary{color:var(--text-secondary)}.text-right{text-align:right}.mono{font-family:var(--font-family-mono)}.divider{height:1px;background:var(--surface-border);border:0;margin:var(--space-5) 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-tertiary)}.empty-state__title{color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-1)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}.invoice-row-grid{display:grid;grid-template-columns:3fr 1fr 1fr 1fr auto;gap:var(--space-3);align-items:end}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-page);padding:var(--space-6)}.auth-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:100%;max-width:26rem;padding:var(--space-8)}.auth-card__brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-weight:700;font-size:1.0625rem;color:var(--text-primary)}.auth-card__footer{margin-top:var(--space-5);text-align:center;font-size:.875rem;color:var(--text-tertiary)}@media(max-width:640px){.page{padding:var(--space-5) var(--space-4)}.auth-layout{padding:var(--space-4)}.auth-card{padding:var(--space-6)}.invoice-row-grid{grid-template-columns:1fr;align-items:stretch}}@media(max-width:480px){.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions>.btn{width:100%}}.toast-stack{position:fixed;top:var(--space-5);right:var(--space-5);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);max-width:22rem}@media(max-width:480px){.toast-stack{left:var(--space-3);right:var(--space-3);top:var(--space-3);max-width:none}}.toast{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);box-shadow:var(--shadow-lg);border-left:3px solid var(--color-ink-400);animation:toast-in .15s ease-out}.toast--success{border-left-color:var(--color-success-600)}.toast--error{border-left-color:var(--color-danger-600)}.toast--info{border-left-color:var(--color-info-600)}.toast__message{flex:1;font-size:.875rem;color:var(--text-primary)}.toast__close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1rem;line-height:1;padding:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-widget{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:1050}.chat-widget__launcher{width:3.25rem;height:3.25rem;border-radius:var(--radius-full);border:none;background:var(--surface-emphasis);color:var(--text-inverse);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.chat-widget__launcher:hover{background:var(--surface-emphasis-hover)}.chat-widget__launcher:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-100);border-color:var(--color-accent-500)}.chat-widget__panel{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:absolute;right:0;bottom:calc(3.25rem + var(--space-3));width:min(24rem,100vw - 2 * var(--space-4));height:min(32rem,70vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.chat-widget__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--surface-border);font-weight:600;color:var(--text-primary)}.chat-widget__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin}.chat-widget__messages::-webkit-scrollbar{width:8px;height:8px}.chat-widget__messages::-webkit-scrollbar-thumb{background:var(--color-ink-300);border-radius:var(--radius-full)}.chat-widget__empty{font-size:.875rem;color:var(--text-tertiary)}.chat-widget__bubble{max-width:88%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.45}.chat-widget__bubble p{margin:0;color:inherit;white-space:pre-wrap}.chat-widget__bubble--user{align-self:flex-end;background:var(--surface-emphasis);color:var(--text-inverse);border-bottom-right-radius:var(--radius-sm)}.chat-widget__bubble--assistant{align-self:flex-start;background:var(--surface-subtle);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-widget__bubble--pending{display:flex;align-items:center}.chat-widget__typing{width:2.25rem;height:.5rem;background:radial-gradient(circle,var(--text-tertiary) 40%,transparent 40%) 0 0/8px 8px no-repeat,radial-gradient(circle,var(--text-tertiary) 40%,transparent 40%) 12px 0/8px 8px no-repeat,radial-gradient(circle,var(--text-tertiary) 40%,transparent 40%) 24px 0/8px 8px no-repeat;animation:chat-typing 1s ease-in-out infinite}@keyframes chat-typing{0%,to{opacity:.3}50%{opacity:1}}.chat-widget__invoices,.chat-widget__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.chat-widget__chip{background:var(--surface-card);border:1px solid var(--surface-border-strong);border-radius:var(--radius-full);padding:.375rem .75rem;font-size:.8125rem;color:var(--color-accent-600);cursor:pointer;transition:background .15s ease}.chat-widget__chip:hover{background:var(--color-accent-50)}.chat-widget__composer{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--surface-border)}.chat-widget__composer .input{background:var(--surface-page);border-color:var(--surface-border-strong);color:var(--text-primary)}.chat-widget__composer .input::placeholder{color:var(--text-tertiary)}@media(max-width:480px){.chat-widget{right:var(--space-3);bottom:var(--space-3)}.chat-widget__panel{width:calc(100vw - 2 * var(--space-3))}}