:root{--inktoy-blue: #1217b8;--inktoy-orange: #f24a0b;--inktoy-yellow: #f4c20d;--inktoy-black: #101114;--inktoy-white: #ffffff;--inktoy-neutral-50: #f6f7fb;--inktoy-neutral-100: #e7eaf1;--inktoy-neutral-500: #6c7383;--color-surface-0: var(--inktoy-neutral-50);--color-surface-1: var(--inktoy-white);--color-surface-2: var(--inktoy-neutral-100);--color-surface-muted: #eef2ff;--color-bg-canvas: var(--color-surface-0);--color-bg-surface: var(--color-surface-1);--color-bg-soft: var(--color-surface-2);--color-text-primary: var(--inktoy-black);--color-text-secondary: var(--inktoy-neutral-500);--color-text-muted: #818898;--color-text-on-dark: var(--inktoy-white);--color-brand-primary: var(--inktoy-blue);--color-brand-accent: var(--inktoy-orange);--color-brand-highlight: var(--inktoy-yellow);--color-border-subtle: #d5dbe7;--color-border-strong: #b8c1d4;--color-border-default: var(--color-border-subtle);--color-link: var(--inktoy-blue);--color-link-hover: #0d128e;--color-focus-ring: rgba(18, 23, 184, .35);--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-danger-bg: #fee2e2;--color-danger-text: #b91c1c;--color-info-bg: #dbeafe;--color-info-text: #1d4ed8;--color-success: var(--color-success-text);--color-danger: var(--color-danger-text);--color-info: var(--color-info-text);--color-warning: var(--color-warning-text);--color-disabled-bg: #e5e7eb;--color-disabled-text: #6b7280;--color-button-primary-bg: var(--color-brand-primary);--color-button-primary-text: var(--color-text-on-dark);--color-button-secondary-bg: #374151;--color-button-secondary-text: var(--color-text-on-dark);--color-button-danger-bg: #b91c1c;--color-button-danger-text: var(--color-text-on-dark);--font-family-body: "Segoe UI", Roboto, Arial, sans-serif;--font-family-display: "Segoe UI", Roboto, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(16, 17, 20, .06);--shadow-md: 0 10px 28px rgba(18, 23, 184, .15);--layout-max-content: 1200px;--layout-sidebar-width: 282px;--layout-sidebar-width-compact: 88px;--layout-shell-bg-start: rgba(18, 23, 184, .04);--layout-shell-bg-end: rgba(242, 74, 11, .03);--layout-sidebar-bg-start: #0d128e;--layout-sidebar-bg-end: #101114;--layout-sidebar-border: rgba(255, 255, 255, .08);--layout-sidebar-surface-bg: rgba(255, 255, 255, .08);--layout-sidebar-surface-border: rgba(255, 255, 255, .16);--layout-sidebar-kicker: rgba(255, 255, 255, .72);--layout-sidebar-muted: rgba(255, 255, 255, .74);--layout-topbar-bg: rgba(255, 255, 255, .88);--layout-topbar-border: var(--color-border-default);--layout-topbar-user-bg: var(--color-bg-soft);--layout-topbar-user-border: var(--color-border-default);--layout-topbar-role-bg: #eef2ff;--layout-topbar-role-text: #1e3a8a;--layout-theme-toggle-bg: var(--color-bg-surface);--layout-theme-toggle-border: var(--color-border-default);--layout-theme-toggle-hover-bg: var(--color-bg-soft);--layout-scrollbar-track: rgba(255, 255, 255, .12);--layout-scrollbar-thumb-start: rgba(244, 194, 13, .82);--layout-scrollbar-thumb-end: rgba(242, 74, 11, .78);--layout-scrollbar-thumb-start-hover: rgba(255, 206, 37, .92);--layout-scrollbar-thumb-end-hover: rgba(248, 96, 38, .9)}body[data-theme=dark]{--color-surface-0: #0b1122;--color-surface-1: #121b33;--color-surface-2: #1a2543;--color-surface-muted: #223052;--color-bg-canvas: var(--color-surface-0);--color-bg-surface: var(--color-surface-1);--color-bg-soft: var(--color-surface-2);--color-text-primary: #f3f7ff;--color-text-secondary: #c2cbe2;--color-text-muted: #9aa8c7;--color-text-on-dark: #f9fbff;--color-border-subtle: #2b3858;--color-border-strong: #5b6b98;--color-border-default: var(--color-border-subtle);--color-link: #a8b8ff;--color-link-hover: #f4c20d;--color-focus-ring: rgba(244, 194, 13, .58);--color-success-bg: rgba(34, 197, 94, .18);--color-success-text: #bbf7d0;--color-warning-bg: rgba(244, 194, 13, .2);--color-warning-text: #fde68a;--color-danger-bg: rgba(248, 113, 113, .18);--color-danger-text: #fecaca;--color-info-bg: rgba(96, 165, 250, .18);--color-info-text: #bfdbfe;--color-success: var(--color-success-text);--color-danger: var(--color-danger-text);--color-info: var(--color-info-text);--color-warning: var(--color-warning-text);--color-disabled-bg: #26324e;--color-disabled-text: #9aa8c7;--color-button-primary-bg: #4652e8;--color-button-primary-text: #ffffff;--color-button-secondary-bg: #33415f;--color-button-secondary-text: #f3f7ff;--color-button-danger-bg: #dc2626;--color-button-danger-text: #ffffff;--shadow-sm: 0 2px 10px rgba(2, 6, 23, .45);--shadow-md: 0 14px 30px rgba(3, 8, 28, .5);--layout-shell-bg-start: rgba(34, 44, 140, .2);--layout-shell-bg-end: rgba(8, 12, 28, .72);--layout-sidebar-bg-start: #0a0f6f;--layout-sidebar-bg-end: #050917;--layout-sidebar-border: rgba(138, 160, 255, .22);--layout-sidebar-surface-bg: rgba(125, 146, 255, .14);--layout-sidebar-surface-border: rgba(170, 187, 255, .28);--layout-sidebar-kicker: rgba(231, 236, 255, .8);--layout-sidebar-muted: rgba(223, 230, 255, .84);--layout-topbar-bg: rgba(12, 17, 36, .9);--layout-topbar-border: rgba(106, 125, 197, .28);--layout-topbar-user-bg: rgba(41, 56, 95, .44);--layout-topbar-user-border: rgba(113, 136, 214, .3);--layout-topbar-role-bg: rgba(74, 93, 170, .38);--layout-topbar-role-text: #dbe5ff;--layout-theme-toggle-bg: rgba(35, 48, 83, .9);--layout-theme-toggle-border: rgba(113, 136, 214, .34);--layout-theme-toggle-hover-bg: rgba(52, 69, 114, .95);--layout-scrollbar-track: rgba(84, 99, 153, .42);--layout-scrollbar-thumb-start: rgba(244, 194, 13, .78);--layout-scrollbar-thumb-end: rgba(242, 74, 11, .72);--layout-scrollbar-thumb-start-hover: rgba(255, 211, 46, .94);--layout-scrollbar-thumb-end-hover: rgba(251, 110, 57, .9)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:1.45;transition:background-color .18s ease-in-out,color .18s ease-in-out}body[data-theme=dark]{color-scheme:dark}body[data-theme=light]{color-scheme:light}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}input,select,textarea,button{font:inherit}input,select,textarea{background:var(--color-bg-surface);color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}::selection{background:var(--color-focus-ring);color:var(--color-text-primary)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.ui-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.ui-muted{color:var(--color-text-secondary)}.ui-button{border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-weight:700;transition:filter .12s ease-in-out,transform .12s ease-in-out}.ui-button:hover{filter:brightness(1.02)}.ui-button:active{transform:translateY(1px)}.ui-button--primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.ui-button--secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text)}.ui-button--danger{background:var(--color-button-danger-bg);color:var(--color-button-danger-text)}.ui-badge{background:var(--color-surface-muted);color:var(--color-text-secondary);border-radius:var(--radius-pill);display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:700}.ui-badge--success{background:var(--color-success-bg);color:var(--color-success-text)}.ui-badge--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.ui-badge--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.ui-empty-state{text-align:center;color:var(--color-text-secondary);padding:var(--space-6)}.ui-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.ui-page-kicker{margin:0;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.ui-page-title{margin:var(--space-1) 0 0;font-family:var(--font-family-display);font-size:clamp(1.35rem,2vw,1.7rem)}.ui-page-description{margin:var(--space-2) 0 0;color:var(--color-text-secondary);max-width:66ch}.ui-alert{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--font-size-sm)}.ui-alert--error{border-color:color-mix(in srgb,var(--color-danger-text) 36%,transparent);background:var(--color-danger-bg);color:var(--color-danger-text)}.ui-alert--success{border-color:color-mix(in srgb,var(--color-success-text) 36%,transparent);background:var(--color-success-bg);color:var(--color-success-text)}.ui-alert--info{border-color:color-mix(in srgb,var(--color-info-text) 36%,transparent);background:var(--color-info-bg);color:var(--color-info-text)}.ui-table-wrapper{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;min-width:780px}.ui-table th,.ui-table td{text-align:left;border-bottom:1px solid var(--color-border-default);padding:var(--space-2) var(--space-2);vertical-align:top;font-size:var(--font-size-sm)}.ui-table th{background:var(--color-bg-soft);color:var(--color-text-secondary);font-weight:700}.ui-table__empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-5) var(--space-3)}.ui-module-page{padding:var(--space-5);display:grid;gap:var(--space-4)}.ui-module-section{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);padding:var(--space-3);display:grid;gap:var(--space-3)}.ui-module-section__head{border-bottom:1px solid var(--color-border-default);padding-bottom:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.ui-module-section__title{margin:0;font-size:1.05rem}.ui-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:var(--space-3);align-items:end}.ui-field{display:grid;gap:var(--space-1)}.ui-field>span{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary)}.ui-field input,.ui-field select,.ui-field textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-primary);padding:.6rem .7rem}.ui-filter-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.ui-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3)}.ui-kpi-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(180deg,#1217b80a,#1217b800 65%),var(--color-bg-surface);padding:var(--space-3);display:grid;gap:var(--space-1)}.ui-kpi-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:700}.ui-kpi-value{font-size:1.35rem;line-height:1.15;font-weight:800}.ui-kpi-note{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ui-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:700}.ui-chip--info{background:var(--color-info-bg);color:var(--color-info-text)}.ui-chip--success{background:var(--color-success-bg);color:var(--color-success-text)}.ui-chip--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.ui-chip--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.ui-chip--neutral{background:var(--color-bg-soft);color:var(--color-text-secondary)}.ui-table-actions{display:grid;gap:var(--space-2)}.ui-button[disabled]{background:var(--color-disabled-bg);border-color:var(--color-border-default);color:var(--color-disabled-text);opacity:1;cursor:not-allowed}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{background:var(--color-bg-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}body[data-theme=dark] option{background:var(--color-bg-surface);color:var(--color-text-primary)}body[data-theme=dark] .ui-button[disabled],body[data-theme=dark] .ui-button:disabled{background:var(--color-disabled-bg);border-color:var(--color-border-default);color:var(--color-disabled-text);opacity:1}body .ui-button[disabled],body .ui-button:disabled{background:var(--color-disabled-bg);border-color:var(--color-border-default);color:var(--color-disabled-text);opacity:1}body[data-theme=dark] .card button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);opacity:1}body[data-theme=dark] .hero-user,body[data-theme=dark] .quick-action{background:var(--color-surface-muted);border-color:var(--color-border-strong);color:var(--color-text-primary)}body[data-theme=dark] .hero-role-badge,body[data-theme=dark] .topbar-role-badge,body[data-theme=dark] .status-badge,body[data-theme=dark] .type-badge,body[data-theme=dark] .mode-badge,body[data-theme=dark] .env-badge,body[data-theme=dark] .step-badge{border:1px solid var(--color-border-default)}body[data-theme=dark] .status-draft,body[data-theme=dark] .status-generated,body[data-theme=dark] .type-badge--receipt,body[data-theme=dark] .mode-badge,body[data-theme=dark] .ui-badge--movement-neutral{background:var(--color-info-bg);color:var(--color-info-text)}body[data-theme=dark] .status-sent,body[data-theme=dark] .type-badge--invoice,body[data-theme=dark] .mode-badge--prod,body[data-theme=dark] .mode-badge--edit,body[data-theme=dark] .env-badge,body[data-theme=dark] .step-badge{background:var(--color-surface-muted);color:var(--color-link)}body[data-theme=dark] .status-approved,body[data-theme=dark] .status-received,body[data-theme=dark] .status-converted,body[data-theme=dark] .status-accepted,body[data-theme=dark] .ui-badge--movement-in{background:var(--color-success-bg);color:var(--color-success-text)}body[data-theme=dark] .status-pending,body[data-theme=dark] .status-issued,body[data-theme=dark] .status-partially,body[data-theme=dark] .status-signed{background:var(--color-warning-bg);color:var(--color-warning-text)}body[data-theme=dark] .status-expired,body[data-theme=dark] .status-rejected,body[data-theme=dark] .status-error,body[data-theme=dark] .status-cancelled,body[data-theme=dark] .ui-badge--movement-out{background:var(--color-danger-bg);color:var(--color-danger-text)}body[data-theme=dark] .status-closed,body[data-theme=dark] .status-neutral,body[data-theme=dark] .status-cancelled{border-color:var(--color-border-strong)}body[data-theme=dark] .kpi-link,body[data-theme=dark] .activity-side a,body[data-theme=dark] .inline-link,body[data-theme=dark] .result-price,body[data-theme=dark] .report-card__chip{color:var(--color-link)!important}body[data-theme=dark] .kpi-link:hover,body[data-theme=dark] .activity-side a:hover,body[data-theme=dark] .inline-link:hover,body[data-theme=dark] .result-price:hover{color:var(--color-link-hover)!important}@media (max-width: 1024px){.ui-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 760px){.ui-module-page{padding:var(--space-4)}.ui-filter-grid{grid-template-columns:1fr}.ui-filter-actions{justify-content:flex-start}}