.pwa-update-banner{position:fixed;bottom:0;left:0;right:0;z-index:10050;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0));background:linear-gradient(180deg,#f8fafaf7,#e8faf3);border-top:1px solid rgba(0,108,83,.12);box-shadow:0 -8px 32px #2c343514}.pwa-update-banner-text{margin:0;font-size:.875rem;font-weight:600;color:#2c3435;text-align:center}.pwa-update-banner-actions{display:flex;align-items:center;gap:.5rem}.pwa-update-btn{padding:.45rem 1rem;border-radius:.65rem;font-size:.8125rem;font-weight:700;cursor:pointer;border:none;transition:filter .15s ease,transform .1s ease}.pwa-update-btn:active{transform:scale(.98)}.pwa-update-btn--primary{background:#006c53;color:#e5fff2}.pwa-update-btn--primary:hover{filter:brightness(1.05)}.pwa-update-btn--ghost{background:#eaefef;color:#596061}.pwa-update-btn--ghost:hover{background:#dde4e4}.pwa-update-offline-toast{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:10049;max-width:min(22rem,calc(100vw - 2rem));padding:.5rem .85rem;border-radius:.65rem;background:#e1e1f5;color:#4f5161;font-size:.78rem;font-weight:600;box-shadow:0 4px 20px #2c34351a}@media (min-width: 769px){.pwa-update-banner{padding:.65rem 1.5rem;justify-content:center;gap:1rem}}:root{--primary: #5b7c99;--primary-dark: #3d5a73;--bg-light: #f0f4f8;--bg-dark: #1a2332;--card: #ffffff;--card-border: #e2e8f0;--text: #334155;--text-muted: #64748b;--pastel-mint: #c5e8d6;--pastel-lavender: #d4d4f0;--pastel-peach: #f8e0d8;--pastel-sky: #c8e4f5;--success: #2d9d78;--warning: #d97706;--danger: #dc2626}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-light);color:var(--text);-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.page{display:flex;flex-direction:column;min-height:100%}.page-header{height:4rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 2rem;background:var(--card);border-bottom:1px solid var(--card-border)}@media (max-width: 768px){.page-header{background:var(--bg-light);border-bottom:1px solid rgba(91,124,153,.2)}}.header-search{flex:1;min-width:0;max-width:32rem;position:relative;display:flex;align-items:center;gap:.5rem}.header-search-form{flex:1;min-width:0;position:relative}.header-search-form input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:none;border-radius:.5rem;background:var(--bg-light);font-size:.875rem;color:var(--text)}.header-search-icon-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:.5rem;z-index:1;transition:color .2s,background .2s}.header-search-icon-btn:hover{color:var(--text);background:var(--bg-light)}.header-search-icon-btn .material-symbols-outlined{font-size:1.25rem;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:1rem;margin-left:1rem}.icon-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:.5rem}.icon-btn:hover{background:var(--pastel-sky);color:var(--primary)}.icon-btn.small{width:auto;height:auto;padding:.25rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;line-height:1.2}.btn-primary:hover:not(:disabled){opacity:.92}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--card-border);background:var(--card);color:var(--text);border-radius:.5rem;font-size:.875rem;font-weight:500}.btn-outline:hover:not(:disabled){background:var(--bg-light)}.btn-outline:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.page-content{flex:1;overflow-y:auto;padding:2rem}.panel{background:var(--card);border:1px solid var(--card-border);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000a;margin-bottom:2rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:.75rem 1.5rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-light)}.data-table td{padding:1rem 1.5rem;border-top:1px solid var(--card-border)}.data-table tbody tr:hover{background:var(--bg-light)}.pagination-bar{padding:1rem 1.5rem;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:1rem;align-items:center}.pagination-info{margin:0;font-size:.875rem;color:var(--text-muted)}.pagination-btns{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--card-border);background:var(--card);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text);transition:background .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-light)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn-num{min-width:2rem}.pagination-ellipsis{padding:0 .25rem;color:var(--text-muted)}.page-desc{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.font-semibold{font-weight:600}@media (min-width: 640px){.pagination-bar{flex-direction:row;justify-content:space-between}}@media (max-width: 767px){.page-header{padding:0 1rem}.page-content{padding:1rem}}.customer-companies-page .data-table tbody td,.customer-company-employees-page .data-table tbody td,.product-list-page .data-table tbody td,.customer-companies-page .data-table tbody td .status-badge,.customer-company-employees-page .data-table tbody td .status-badge,.product-list-page .data-table tbody td .status-badge{font-size:.875rem}