:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-bg:#f4f6fa;--panel-bg:#fff;--panel-border:#e2e6ee;--panel-shadow:0 1px 2px #1018280f;--text-main:#14213a;--text-muted:#667085;--text-inverse:#fff;--primary:#10508c;--primary-hover:#0c3f70;--primary-soft:#e8f1f9;--accent:#0f9b8e;--accent-hover:#0c7d72;--success:#15803d;--success-bg:#f0fdf4;--success-border:#bbf7d0;--error:#b91c1c;--error-bg:#fff1f2;--error-border:#fecdd3;--warning:#b45309;--warning-bg:#fffbeb;--warning-border:#fde68a;--neutral:#475467;--neutral-bg:#f2f4f7;--neutral-border:#e2e6ee;--radius-panel:12px;--radius-modal:16px;--radius-control:8px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--control-height:40px;--control-height-sm:36px;--header-height:60px;--page-max-width:1280px;--page-padding:var(--space-xl);color:var(--text-main);background:var(--app-bg);font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--app-bg);min-height:100vh;color:var(--text-main);overflow-x:hidden}#root{min-height:100vh}body,input,button,textarea,select{font-family:Segoe UI,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{appearance:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}img,svg{max-width:100%;display:block}table{border-spacing:0;width:100%}h1,h2,h3,h4,h5,h6,p{margin-top:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);padding:var(--space-lg)}.app-button{height:var(--control-height);padding:0 var(--space-lg);border:1px solid var(--primary);border-radius:var(--radius-control);background:var(--primary);color:var(--text-inverse);font-weight:600}.app-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.app-button--secondary{background:var(--panel-bg);color:var(--primary)}.app-button--secondary:hover:not(:disabled){background:var(--primary-soft)}.app-input{height:var(--control-height);width:100%;padding:0 var(--space-md);border:1px solid var(--panel-border);border-radius:var(--radius-control);background:var(--panel-bg);color:var(--text-main)}.app-input:focus{border-color:var(--primary);outline:none}.app-header{z-index:100;background:var(--panel-bg);border-bottom:1px solid var(--panel-border);position:sticky;top:0}.app-header__inner{max-width:var(--page-max-width);padding:0 var(--page-padding);height:var(--header-height);align-items:center;gap:var(--space-lg);margin:0 auto;display:flex}.app-brand{flex-shrink:0;align-items:center;display:flex}.app-brand-group{flex-shrink:0;align-items:center;gap:14px;min-width:0;display:flex}.app-brand-group__divider{background:var(--panel-border);flex-shrink:0;width:1px;height:30px}.app-brand__logo{width:auto;height:42px;display:block}.app-brand__customer-logo{object-fit:contain;max-width:190px}@media (width<=640px){.app-brand__logo{height:38px}.app-brand-group{gap:10px}.app-brand__customer-logo{max-width:96px}}.app-nav{align-items:center;gap:var(--space-xs);flex:1;min-width:0;display:flex}.app-nav__link{border-radius:var(--radius-control);height:38px;color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.app-nav__link:hover{background:var(--neutral-bg);color:var(--text-main)}.app-nav__link[aria-current=page]{background:var(--primary-soft);color:var(--primary);font-weight:600}.app-user{align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:auto;display:flex}.app-user__name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;overflow:hidden}.app-logout{border:1px solid var(--panel-border);border-radius:var(--radius-control);background:var(--panel-bg);height:36px;color:var(--text-muted);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.app-logout:hover{background:var(--neutral-bg);color:var(--text-main)}.app-nav-toggle{border:1px solid var(--panel-border);border-radius:var(--radius-control);background:var(--panel-bg);width:42px;height:42px;color:var(--text-main);justify-content:center;align-items:center;margin-left:auto;display:none}.app-mobile-nav{gap:var(--space-xs);padding:var(--space-sm) var(--page-padding) var(--space-md);border-top:1px solid var(--panel-border);background:var(--panel-bg);flex-direction:column;display:none}.app-mobile-nav .app-nav__link{width:100%;height:48px}.app-main{max-width:var(--page-max-width);padding:var(--page-padding);width:100%;margin:0 auto}.app-demo-bar{padding:6px var(--space-md);background:var(--warning-bg);border-bottom:1px solid var(--warning-border);color:var(--warning);text-align:center;font-size:12px;font-weight:600}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-header__actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.form-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.stat-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));display:grid}.toolbar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-scroll table{min-width:640px}@media (width<=900px){:root{--page-padding:var(--space-md)}}@media (width<=1280px){.app-nav{display:none}.app-nav-toggle{display:inline-flex}.app-mobile-nav--open{display:flex}.app-user{display:none}}@media (width<=640px){.app-panel{padding:var(--space-md);border-radius:var(--radius-control)}.page-header{align-items:stretch}.page-header__actions{width:100%}.page-header__actions>button,.page-header__actions>a{flex:auto;min-height:44px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td{width:100%;display:block}.table-cards tr{border:1px solid var(--panel-border);border-radius:var(--radius-control);padding:var(--space-sm);margin-bottom:var(--space-sm);background:var(--panel-bg)}.table-cards td{justify-content:space-between;align-items:center;gap:var(--space-md);text-align:right;overflow-wrap:anywhere;padding:6px 4px;display:flex;white-space:normal!important}.table-cards td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);text-align:left;flex-shrink:0;font-size:12px;font-weight:600}.table-cards td[data-label=""]:before{content:none}.table-scroll table{min-width:0}}