:root{--color-primary: #4F46E5;--color-primary-light: #818CF8;--color-primary-dark: #3730A3;--color-secondary: #475569;--color-accent: #F59E0B;--color-background: #FFFFFF;--color-surface: #F8FAFC;--color-border: #E2E8F0;--color-text: #0F172A;--color-text-secondary: #64748B;--color-success: #22C55E;--color-success-text: #16A34A;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-text: #DC2626;--color-info: #3B82F6;--color-focus-ring: rgba(79, 70, 229, .4);--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-h1: 1.875rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1rem;--text-body: .875rem;--text-body-lg: 1rem;--text-small: .75rem;--text-caption: .6875rem;--text-mono: .8125rem;--lh-h1: 1.2;--lh-h2: 1.25;--lh-h3: 1.3;--lh-h4: 1.4;--lh-body: 1.5;--lh-small: 1.4;--lh-caption: 1.3;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 8px 10px rgba(0, 0, 0, .08);--transition-fast: .1s ease;--transition-normal: .2s ease-out;--transition-slow: .4s ease-out;--layout-max-width: 80rem;--layout-sidebar-width: 240px;--layout-sidebar-width-collapsed: 64px;--layout-topbar-height: 56px;--layout-bottomnav-height: 56px;--layout-container-padding: 1.5rem;--layout-container-padding-mobile: 1rem;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);color:var(--color-text);background:var(--color-background);font-variant-numeric:tabular-nums}h1{font-size:var(--text-h1);line-height:var(--lh-h1);font-weight:var(--fw-bold);color:var(--color-text)}h2{font-size:var(--text-h2);line-height:var(--lh-h2);font-weight:var(--fw-semibold)}h3{font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--fw-semibold)}h4{font-size:var(--text-h4);line-height:var(--lh-h4);font-weight:var(--fw-semibold)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline;color:var(--color-primary-dark)}a:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none;border-radius:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:var(--text-body)}input,select,textarea{font-family:inherit;font-size:var(--text-body);color:var(--color-text);outline:none}table{border-collapse:collapse;width:100%}img{max-width:100%;display:block}code,pre{font-family:var(--font-mono);font-size:var(--text-mono)}::selection{background:#4f46e526;color:var(--color-text)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-mono{font-family:var(--font-mono);font-size:var(--text-mono)}.text-secondary{color:var(--color-text-secondary)}.text-small{font-size:var(--text-small)}.text-tabular{font-variant-numeric:tabular-nums}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-layout{display:flex;min-height:100vh}.app-layout__main{flex:1;display:flex;flex-direction:column;min-width:0}.app-layout__content{flex:1;padding:var(--layout-container-padding);max-width:var(--layout-max-width);width:100%}.app-layout__overlay{display:none}@media (min-width: 1024px){.app-layout__main{margin-left:var(--layout-sidebar-width)}.app-layout--collapsed .app-layout__main{margin-left:var(--layout-sidebar-width-collapsed)}}@media (min-width: 768px) and (max-width: 1023px){.app-layout__main{margin-left:var(--layout-sidebar-width-collapsed)}}@media (max-width: 767px){.app-layout__content{padding:var(--layout-container-padding-mobile);padding-bottom:calc(var(--layout-bottomnav-height) + var(--layout-container-padding-mobile))}.app-layout--mobile-open .app-layout__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-drawer) - 1)}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--layout-sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-drawer);transition:width var(--transition-normal);overflow:hidden}.sidebar--collapsed{width:var(--layout-sidebar-width-collapsed)}.sidebar__logo{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);height:var(--layout-topbar-height);border-bottom:1px solid var(--color-border)}.sidebar__logo-text{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:var(--fw-bold);color:var(--color-primary);white-space:nowrap;overflow:hidden}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-secondary);flex-shrink:0}.sidebar__toggle:hover{background:var(--color-border)}.sidebar__nav{list-style:none;padding:var(--spacing-sm) 0;margin:0;flex:1;overflow-y:auto}.sidebar__item{margin:0 var(--spacing-sm)}.sidebar__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.sidebar__link:hover{background:#4f46e50a;color:var(--color-text);text-decoration:none}.sidebar__item--active .sidebar__link{background:#4f46e514;color:var(--color-primary);font-weight:var(--fw-semibold);border-left:2px solid var(--color-primary)}.sidebar__icon{display:flex;align-items:center;flex-shrink:0}.sidebar__label{font-size:var(--text-body);overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:var(--layout-sidebar-width-collapsed)}.sidebar__label,.sidebar__toggle{display:none}.sidebar__logo-text{font-size:var(--text-h3)}.sidebar__link{justify-content:center;padding:var(--spacing-sm)}}@media (max-width: 767px){.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.app-layout--mobile-open .sidebar{transform:translate(0)}}.topbar{display:flex;align-items:center;height:var(--layout-topbar-height);padding:0 var(--layout-container-padding);background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.topbar__left{display:flex;align-items:center;gap:var(--spacing-sm)}.topbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-secondary)}.topbar__hamburger:hover{background:var(--color-surface)}.topbar__logo{font-family:var(--font-heading);font-weight:var(--fw-bold);color:var(--color-primary);display:none}.topbar__center{flex:1;display:flex;justify-content:center;padding:0 var(--spacing-lg);max-width:480px;margin:0 auto}.topbar__right{display:flex;align-items:center}.topbar__user{display:flex;align-items:center;gap:var(--spacing-sm)}.topbar__username{font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--color-text)}.topbar__logout{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-small);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.topbar__logout:hover{color:var(--color-error-text);background:#ef44440a}@media (max-width: 767px){.topbar__hamburger{display:flex}.topbar__logo{display:block}.topbar__username,.topbar__center{display:none}.topbar{padding:0 var(--layout-container-padding-mobile)}}@media (min-width: 768px) and (max-width: 1023px){.topbar__hamburger{display:flex}}.breadcrumbs{margin-bottom:var(--spacing-md)}.breadcrumbs__list{display:flex;align-items:center;gap:0;list-style:none;padding:0;margin:0;font-size:var(--text-small)}.breadcrumbs__item-wrapper{display:flex;align-items:center}.breadcrumbs__separator{margin:0 var(--spacing-xs);color:var(--color-text-secondary)}.breadcrumbs__link{color:var(--color-text-secondary);text-decoration:none}.breadcrumbs__link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumbs__item--current{color:var(--color-text);font-weight:var(--fw-medium)}@media (max-width: 639px){.breadcrumbs__item-wrapper:not(:first-child):not(:last-child){display:none}}.bottom-nav{display:none}@media (max-width: 767px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--layout-bottomnav-height);background:var(--color-background);border-top:1px solid var(--color-border);z-index:var(--z-sticky)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.bottom-nav__item:hover{text-decoration:none}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__icon{display:flex;align-items:center}.bottom-nav__label{font-size:var(--text-caption)}}.search-bar{display:flex;align-items:center;width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:0 var(--spacing-sm);height:36px;gap:var(--spacing-xs)}.search-bar__icon{color:var(--color-text-secondary);flex-shrink:0}.search-bar__input{border:none;background:transparent;width:100%;height:100%;font-size:var(--text-body)}.search-bar__input::placeholder{color:var(--color-text-secondary)}.search-bar__input:focus{outline:none}.search-bar:focus-within{background:var(--color-background);box-shadow:0 0 0 1px var(--color-primary),0 0 0 3px var(--color-focus-ring)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.avatar--sm{width:32px;height:32px}.avatar--md{width:40px;height:40px}.avatar--lg{width:64px;height:64px}.avatar--initials{background:var(--color-primary-light);color:#fff;font-weight:var(--fw-semibold);font-size:var(--text-small)}.avatar__image{width:100%;height:100%;object-fit:cover}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:40px;padding:0 var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--fw-medium);cursor:pointer;border:none;transition:background var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.button:active{transform:scale(.98)}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.button--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.button--secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-secondary)}.button--ghost{background:transparent;color:var(--color-primary)}.button--ghost:hover:not(:disabled){background:#4f46e50a}.button--danger{background:var(--color-error);color:#fff}.button--danger:hover:not(:disabled){background:var(--color-error-text)}.button--loading{pointer-events:none}.button__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group__label{font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--color-text)}.input-group__helper{font-size:var(--text-small);color:var(--color-text-secondary)}.input{height:40px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text);background:var(--color-background);width:100%;transition:border-color var(--transition-fast)}.input::placeholder{color:var(--color-text-secondary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.input--error{border-color:var(--color-error)}.input:disabled{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background:var(--color-surface)}.login__card{width:100%;max-width:400px;background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.login__header{text-align:center;margin-bottom:var(--spacing-lg)}.login__title{font-size:var(--text-h2);font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.login__subtitle{font-size:var(--text-body);color:var(--color-text-secondary)}.login__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44440f;border-left:3px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error-text);font-size:var(--text-body);margin-bottom:var(--spacing-md)}.login__error-icon{flex-shrink:0}.login__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login__submit{width:100%;margin-top:var(--spacing-sm)}.login__loading{text-align:center;color:var(--color-text-secondary)}.protected-route__loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.protected-route__spinner svg{animation:spin 1s linear infinite;color:var(--color-primary)}.page{display:flex;flex-direction:column;gap:var(--spacing-md)}@media print{.sidebar,.topbar,.bottom-nav,.toast{display:none}body{color:#000;background:#fff}}:root{--chart-color-1: #6366f1;--chart-color-2: #06b6d4;--chart-color-3: #f59e0b;--chart-color-4: #10b981;--chart-color-5: #ef4444;--chart-color-6: #8b5cf6;--chart-grid-color: rgba(0, 0, 0, .06)}@media (prefers-color-scheme: dark){:root{--chart-grid-color: rgba(255, 255, 255, .08)}}.dashboard__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.dashboard__header h1{margin:0;font-size:var(--text-heading, 24px);font-weight:700}.dashboard__period-select{min-width:160px;padding:6px 12px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e2e8f0);background:var(--color-background, #fff);color:var(--color-text, #1e293b);font-size:var(--text-body, 14px);cursor:pointer}.dashboard__error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:20px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md, 8px);color:var(--chart-color-5);font-size:var(--text-body, 14px)}.dashboard__error .button{margin-left:auto}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1024px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard__stats{grid-template-columns:1fr}}.stat-card{background:var(--color-background, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:20px;transition:box-shadow .15s ease}.stat-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stat-card__label{font-size:var(--text-small, 12px);color:var(--color-text-secondary, #64748b);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-card__icon{color:var(--color-text-secondary, #64748b)}.stat-card__value{font-size:28px;font-weight:700;color:var(--color-text, #1e293b);line-height:1.2;margin-bottom:4px}.stat-card__trend{display:flex;align-items:center;gap:4px;font-size:var(--text-small, 12px);color:var(--color-text-secondary, #64748b)}.stat-card__trend--up{color:var(--chart-color-4)}.stat-card__trend--down{color:var(--chart-color-5)}.dashboard__charts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dashboard__chart-wide{grid-column:1 / -1}@media (max-width: 768px){.dashboard__charts{grid-template-columns:1fr}}.chart{background:var(--color-background, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:20px}.chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chart__title{font-size:var(--text-body, 14px);font-weight:600;color:var(--color-text, #1e293b);margin:0}.chart__legend{display:flex;gap:12px}.chart__legend-item{display:flex;align-items:center;gap:4px;font-size:var(--text-small, 12px);color:var(--color-text-secondary, #64748b)}.chart__legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chart__canvas{width:100%;min-height:240px}.chart__canvas--empty{display:flex;align-items:center;justify-content:center}.skeleton{background:linear-gradient(90deg,var(--color-border, #e2e8f0) 25%,rgba(0,0,0,.04) 50%,var(--color-border, #e2e8f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm, 4px)}.skeleton--text{height:14px}.skeleton--card{border-radius:var(--radius-md, 8px)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inv-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.inv-page__filters{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.inv-page__filter-select{width:auto;min-width:180px}.inv-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) 0;color:var(--color-text-secondary)}.inv-page__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.inv-page__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44440f;border-left:3px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error-text);font-size:var(--text-body)}.inv-page__error--inline{margin-bottom:var(--spacing-sm)}.inv-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.inv-page__empty-icon{color:var(--color-text-secondary);opacity:.5}.inv-page__empty h3{margin:0}.inv-table__wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.inv-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.inv-table__th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--fw-semibold);font-size:var(--text-small);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;background:var(--color-surface);border-bottom:1px solid var(--color-border);white-space:nowrap}.inv-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.inv-table__th--sortable:hover{color:var(--color-text)}.inv-table__th-content{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.inv-table__sort-icon{display:inline-flex;align-items:center;color:var(--color-text-secondary)}.inv-table__sort-icon--active{color:var(--color-primary)}.inv-table__th--actions{text-align:right;width:140px}.inv-table__row{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.inv-table__row:last-child{border-bottom:none}.inv-table__row:hover{background:#4f46e505}.inv-table__td{padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.inv-table__td--actions{text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.inv-table__link{color:var(--color-primary);font-weight:var(--fw-medium);text-decoration:none}.inv-table__link:hover{text-decoration:underline;color:var(--color-primary-dark)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-small);font-weight:var(--fw-medium);line-height:1.4;white-space:nowrap}.badge--lg{padding:4px 12px;font-size:var(--text-body)}.badge--default{background:#4755691a;color:var(--color-secondary)}.badge--info{background:#3b82f61a;color:var(--color-info)}.badge--success{background:#22c55e1a;color:var(--color-success-text)}.badge--warning{background:#f59e0b1a;color:#b45309}.badge--danger{background:#ef44441a;color:var(--color-error-text)}.inv-page__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) 0}.inv-page__pagination-info{color:var(--color-text-secondary)}.button--sm{height:32px;padding:0 var(--spacing-sm);font-size:var(--text-small)}.button--danger-text{color:var(--color-error-text)}.button--danger-text:hover:not(:disabled){background:#ef44440f}.inv-detail__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-body);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--spacing-sm)}.inv-detail__back:hover{color:var(--color-primary);text-decoration:none}.inv-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.inv-detail__title-area{display:flex;align-items:center;gap:var(--spacing-md)}.inv-detail__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.inv-detail__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.inv-detail__info-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.inv-detail__info-label{font-size:var(--text-small);font-weight:var(--fw-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.inv-detail__info-value{font-size:var(--text-body-lg);font-weight:var(--fw-medium);color:var(--color-text)}.inv-detail__notes{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.inv-detail__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.inv-detail__totals{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end;max-width:320px;margin-left:auto}.inv-detail__totals-row{display:flex;justify-content:space-between;gap:var(--spacing-xl);width:100%;padding:var(--spacing-xs) 0;font-size:var(--text-body);color:var(--color-text-secondary)}.inv-detail__totals-row--total{border-top:2px solid var(--color-border);padding-top:var(--spacing-sm);font-weight:var(--fw-bold);font-size:var(--text-body-lg);color:var(--color-text)}.inv-detail__meta{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.inv-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.inv-form__row{display:grid;gap:var(--spacing-md)}.inv-form__row--2col{grid-template-columns:1fr 1fr}.inv-form__row--3col{grid-template-columns:1fr 1fr 1fr}.inv-form__section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.inv-form__section-header{display:flex;align-items:center;justify-content:space-between}.inv-form__line-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.inv-form__li-header{display:flex;gap:var(--spacing-sm);align-items:center;padding:0 0 var(--spacing-xs) 0;font-size:var(--text-small);font-weight:var(--fw-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border)}.inv-form__li-row{display:flex;gap:var(--spacing-sm);align-items:center}.inv-form__li-total{display:flex;align-items:center;font-size:var(--text-body);color:var(--color-text-secondary)}.inv-form__subtotal{display:flex;justify-content:flex-end;gap:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-weight:var(--fw-semibold);font-size:var(--text-body-lg)}.inv-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.input-group__error{font-size:var(--text-small);color:var(--color-error-text)}@media (max-width: 767px){.inv-page__header{flex-direction:column}.inv-form__row--2col,.inv-form__row--3col{grid-template-columns:1fr}.inv-detail__header{flex-direction:column}.inv-detail__actions{width:100%;justify-content:flex-start}.inv-form__li-header{display:none}.inv-form__li-row{flex-wrap:wrap}.inv-form__li-row .input{flex:1 1 100%!important;min-width:0}.inv-form__li-total{flex:1 1 auto!important;justify-content:flex-end}.inv-detail__totals{max-width:100%}.inv-table__th--actions{width:80px}}@media (min-width: 768px) and (max-width: 1023px){.inv-form__row--3col{grid-template-columns:1fr 1fr}}.cust-page__search-form{display:flex;align-items:center;gap:var(--spacing-sm)}.cust-page__search-wrapper{position:relative;display:flex;align-items:center}.cust-page__search-icon{position:absolute;left:10px;color:var(--color-text-secondary);pointer-events:none}.cust-page__search-input{padding-left:34px!important;min-width:280px}.cust-page__search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full)}.cust-page__search-clear:hover{color:var(--color-text);background:var(--color-border)}.cust-detail__meta{padding:var(--spacing-sm) 0}.cust-detail__meta code{font-size:var(--text-small)}.cust-detail__tabs{display:flex;flex-direction:column;gap:0}.cust-detail__tab-bar{display:flex;gap:0;border-bottom:2px solid var(--color-border)}.cust-detail__tab-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.cust-detail__tab-btn:hover{color:var(--color-text)}.cust-detail__tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cust-detail__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:var(--text-small);font-weight:var(--fw-semibold);background:#4755691a;border-radius:var(--radius-full);color:var(--color-text-secondary)}.cust-detail__tab-btn--active .cust-detail__tab-count{background:#4f46e51a;color:var(--color-primary)}.cust-detail__tab-content{padding:var(--spacing-md) 0}.cust-detail__tab-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0;text-align:center}.sub-detail__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.sub-detail__period{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.sub-detail__period-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex:1;min-width:160px}.sub-detail__period-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}@media (max-width: 767px){.cust-page__search-form{flex-direction:column;align-items:stretch}.cust-page__search-input{min-width:0;width:100%}.cust-detail__tab-bar{overflow-x:auto}.cust-detail__tab-btn{white-space:nowrap;font-size:var(--text-small);padding:var(--spacing-xs) var(--spacing-sm)}.sub-detail__period{flex-direction:column;gap:var(--spacing-sm)}.sub-detail__period-arrow{transform:rotate(90deg)}}.settings-page{max-width:960px}.settings__tabs{display:flex;flex-direction:column;gap:0}.settings__tab-bar{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg)}.settings__tab-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--text-body);font-weight:var(--fw-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.settings__tab-btn:hover{color:var(--color-text)}.settings__tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings__tab-content{padding:0}.settings__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings__section-header h2{font-size:var(--text-lg);font-weight:var(--fw-semibold);margin:0 0 var(--spacing-xs) 0}.settings__section-header p{margin:0}.settings__form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:480px}.settings__current-key{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.settings__masked-key{font-family:var(--font-mono);font-size:var(--text-small);padding:2px 8px;background:#47556914;border-radius:var(--radius-sm)}.settings__success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--text-body)}.settings__info{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#4f46e50a;border:1px solid rgba(79,70,229,.1);border-radius:var(--radius-md);color:var(--color-text-secondary)}.settings__info p{margin:0}.settings__info strong{color:var(--color-text)}.settings__new-key-banner{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md)}.settings__new-key-header{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:var(--text-body)}.settings__new-key-value{display:flex;align-items:center;gap:var(--spacing-sm)}.settings__key-code{flex:1;font-family:var(--font-mono);font-size:var(--text-small);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);word-break:break-all}.settings__create-form{margin:var(--spacing-sm) 0}.settings__create-form-row{display:flex;align-items:center;gap:var(--spacing-sm)}.settings__create-form-row .input{flex:1;max-width:320px}.settings__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0;text-align:center}.settings__empty h3,.settings__empty p{margin:0}.settings__toggle-row{display:flex;align-items:center;gap:var(--spacing-sm)}.settings__toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings__toggle input{opacity:0;width:0;height:0}.settings__toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);border-radius:12px;transition:background-color var(--transition-fast)}.settings__toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast)}.settings__toggle input:checked+.settings__toggle-slider{background-color:var(--color-primary)}.settings__toggle input:checked+.settings__toggle-slider:before{transform:translate(20px)}.settings__toggle input:focus+.settings__toggle-slider{box-shadow:0 0 0 2px #4f46e533}.settings__toggle input:disabled+.settings__toggle-slider{opacity:.5;cursor:not-allowed}@media (max-width: 767px){.settings__tab-bar{overflow-x:auto}.settings__tab-btn{white-space:nowrap;font-size:var(--text-small);padding:var(--spacing-xs) var(--spacing-sm)}.settings__create-form-row{flex-direction:column;align-items:stretch}.settings__create-form-row .input{max-width:100%}.settings__new-key-value{flex-direction:column;align-items:stretch}.settings__current-key{flex-wrap:wrap}}