*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Saira","Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular","Cascadia Mono",Consolas,monospace;--color-primary:#17273f;--color-primary-hover:#223350;--color-primary-light:#1e78d64d;--color-primary-light-alt:#e2eefb;--color-accent:#1e78d6;--color-accent-hover:#1861b0;--color-accent-tint:#e2eefb;--color-accent-tint-strong:#b9d6f5;--color-danger:#d63a4a;--color-danger-hover:#b82c3b;--color-success:#2e9956;--color-warning:#e08a00;--color-bg:#eef1f6;--color-surface:#fff;--color-surface-alt:#f3f5f9;--color-border:#d8dee8;--color-border-strong:#bcc6d4;--color-text:#14203a;--color-text-secondary:#51607a;--color-text-muted:#8a95a8;--color-rail:#10233f;--color-rail-alt:#17304f;--color-rail-line:#24406a;--color-rail-text:#b9c6da;--color-rail-muted:#6b7f9e;--radius:3px;--radius-lg:4px;--shadow-sm:0 1px 0 #191c200a,0 1px 2px #191c200d;--shadow:0 2px 4px #191c200f,0 8px 20px #191c2014;--shadow-lg:0 24px 48px #191c2033;--max-width:1200px}body{-webkit-font-smoothing:antialiased;background:#eef1f6;background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);line-height:1.6;text-rendering:optimizeLegibility}a,body{color:#14203a;color:var(--color-text)}a{text-decoration:none;text-decoration-color:#1e78d6;text-decoration-color:var(--color-accent);text-underline-offset:.18em}a:hover{text-decoration:underline;text-decoration-color:#1e78d6;text-decoration-color:var(--color-accent);text-decoration-thickness:2px}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}.page-title{align-items:center;color:#14203a;color:var(--color-text);display:flex;font-family:Saira,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:600;gap:.6rem;letter-spacing:.01em;line-height:1.1;margin-bottom:1rem;text-transform:uppercase}.page-title:before{align-self:stretch;background:#1e78d6;background:var(--color-accent);border-radius:1px;content:"";flex-shrink:0;min-height:1.1em;width:4px}.card{background:#fff;background:var(--color-surface);border:1px solid #d8dee8;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-lg);box-shadow:0 1px 0 #191c200a,0 1px 2px #191c200d;box-shadow:var(--shadow-sm)}.btn{align-items:center;border:1px solid #0000;border-radius:3px;border-radius:var(--radius);display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.01em;line-height:1.2;padding:.5625rem 1rem;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .08s;white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{box-shadow:none;cursor:not-allowed;filter:grayscale(35%);opacity:.45}.btn:disabled:active,.btn[disabled]:active{transform:none}:focus-visible{outline:2px solid #1e78d6;outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:#17273f;background:var(--color-primary);border-color:#17273f;border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:#223350;background:var(--color-primary-hover);border-color:#223350;border-color:var(--color-primary-hover)}.btn-danger{background:#d63a4a;background:var(--color-danger);border-color:#d63a4a;border-color:var(--color-danger);color:#fff}.btn-danger:hover{background:#b82c3b;background:var(--color-danger-hover);border-color:#b82c3b;border-color:var(--color-danger-hover)}.btn-secondary{background:#fff;background:var(--color-surface);border-color:#bcc6d4;border-color:var(--color-border-strong);color:#14203a;color:var(--color-text)}.btn-secondary:hover{background:#f3f5f9;background:var(--color-surface-alt);border-color:#51607a;border-color:var(--color-text-secondary)}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.form-group{margin-bottom:1rem}.form-label{color:#51607a;color:var(--color-text-secondary);display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.form-input{background:#fff;background:var(--color-surface);border:1px solid #bcc6d4;border:1px solid var(--color-border-strong);border-radius:3px;border-radius:var(--radius);color:#14203a;color:var(--color-text);padding:.5625rem .875rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus{border-color:#17273f;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e78d64d;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-color:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%2351607a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #bcc6d4;border:1px solid var(--color-border-strong);border-radius:3px;border-radius:var(--radius);color:#14203a;color:var(--color-text);cursor:pointer;font-weight:500;padding:.5625rem 2.25rem .5625rem .875rem;transition:border-color .15s,box-shadow .15s,background-color .15s;width:100%}.form-select:hover{border-color:#51607a;border-color:var(--color-text-secondary)}.form-select:focus{border-color:#1e78d6;border-color:var(--color-accent);box-shadow:0 0 0 3px #1e78d64d;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-select-sm{background-position:right .55rem center;font-size:.8125rem;padding:.375rem 1.85rem .375rem .7rem;width:auto}.error-message{color:#d63a4a;color:var(--color-danger);font-size:.875rem;margin-top:.5rem}.empty-state{font-size:.9375rem;padding:3rem 1rem;text-align:center}.empty-state,.eyebrow{color:#8a95a8;color:var(--color-text-muted)}.eyebrow{display:inline-block;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.status-dot{background:#1e78d6;background:var(--color-accent);border-radius:50%;box-shadow:0 0 0 2px #1e78d62e;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot.is-ok{background:#2e9956;background:var(--color-success);box-shadow:0 0 0 2px #2e99562e}.status-dot.is-stop{background:#d63a4a;background:var(--color-danger);box-shadow:0 0 0 2px #cf3a322e}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-family:var(--font-mono);letter-spacing:.01em}.list-item-clickable{cursor:pointer;transition:box-shadow .18s,transform .1s,border-color .18s}.list-item-clickable:hover{border-color:#bcc6d4;border-color:var(--color-border-strong);box-shadow:0 2px 4px #191c200f,0 8px 20px #191c2014;box-shadow:var(--shadow);transform:translateY(-1px)}.badge{align-items:center;border-radius:3px;border-radius:var(--radius);display:inline-flex;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;gap:.3em;letter-spacing:.02em;line-height:1.2;padding:.2rem .5rem}.badge-primary{background:#e2eefb;background:var(--color-accent-tint);box-shadow:inset 0 0 0 1px #b9d6f5;box-shadow:inset 0 0 0 1px var(--color-accent-tint-strong);color:#17538f}.badge-success{background:#dcefe2;box-shadow:inset 0 0 0 1px #bbe0c8;color:#1f7a42}.badge-warning{background:#fbf0da;box-shadow:inset 0 0 0 1px #f0d79a;color:#8a5a00}.badge-danger{background:#f7dedc;box-shadow:inset 0 0 0 1px #eec3bf;color:#a52a23}.badge-customer,.badge-employee{background:#dcefe2;box-shadow:inset 0 0 0 1px #bbe0c8;color:#1f7a42}.badge-admin{background:#f7dedc;box-shadow:inset 0 0 0 1px #eec3bf;color:#a52a23}.badge-integrator{background:#e7eaee;box-shadow:inset 0 0 0 1px #cfd5dc;color:#424b56}.tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #bcc6d4;border-bottom:2px solid var(--color-border-strong);box-shadow:0 6px 8px -8px #0f172a2e;display:flex;gap:.25rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:0}.tab{background:none;border:none;border-bottom:3px solid #0000;border-radius:3px 3px 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#51607a;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1rem;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.tab:hover{background:color-mix(in srgb,#1e78d6 6%,#0000);background:color-mix(in srgb,var(--color-accent) 6%,#0000);color:#14203a;color:var(--color-text)}.tab.active{background:color-mix(in srgb,#1e78d6 12%,#0000);background:color-mix(in srgb,var(--color-accent) 12%,#0000);border-bottom-color:#1e78d6;border-bottom-color:var(--color-accent);color:#1e78d6;color:var(--color-accent);font-weight:700}.tab-content{padding-top:.25rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:500}.modal{background:#fff;background:var(--color-surface);border:1px solid #d8dee8;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-lg);box-shadow:0 24px 48px #191c2033;box-shadow:var(--shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;padding:1.5rem;width:100%}.modal-title{font-family:Saira,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:.01em;margin-bottom:1rem;text-transform:uppercase}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width:767.98px){.modal-overlay{align-items:flex-start;padding:.75rem}.modal{font-size:.75rem;max-height:calc(100svh - 1.5rem);padding:.875rem .875rem 0}.modal-title{font-size:.9375rem;margin-bottom:.625rem}.modal .form-group{margin-bottom:.5rem}.modal .file-label,.modal .form-label{font-size:.625rem;margin-bottom:.1875rem}.modal .form-input,.modal .form-select,.modal textarea.form-input{font-size:.75rem;padding:.375rem .5625rem}.modal textarea.form-input{min-height:3.5rem!important}.modal .modal-actions{background:#fff;background:var(--color-surface);border-radius:0 0 4px 4px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #d8dee8;border-top:1px solid var(--color-border);bottom:0;flex-wrap:wrap;gap:.375rem;margin:.75rem -.875rem 0;padding:.625rem .875rem calc(.625rem + env(safe-area-inset-bottom));position:sticky}.modal .modal-actions .btn{font-size:.75rem;padding:.4375rem .75rem}.pagination-info{font-size:.625rem;white-space:nowrap}}@media (min-width:768px){.page-title{font-size:1.875rem}}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast{animation:toast-in .22s ease;border-radius:3px;border-radius:var(--radius);bottom:1.5rem;box-shadow:0 24px 48px #191c2033;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;left:50%;max-width:90vw;padding:.75rem 1.1rem;position:fixed;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:400}.toast.is-leaving{opacity:0;transform:translateX(-50%) translateY(10px)}@media (max-width:767.98px){.toast{bottom:calc(61px + env(safe-area-inset-bottom) + .75rem)}}@media (prefers-reduced-motion:reduce){.toast{animation:none;transition:none}}@keyframes spin{to{transform:rotate(1turn)}}.ai-spinner{animation:spin .7s linear infinite;border:2px solid #bcc6d4;border-radius:50%;border-top-color:#1e78d6;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);display:inline-block;flex-shrink:0;height:16px;width:16px}.index-badge{align-items:center;color:#8a95a8;color:var(--color-text-muted);display:inline-flex;font-size:.7rem;font-weight:600;gap:.375rem;white-space:nowrap}.index-badge:before{animation:spin .7s linear infinite;border:2px solid #bcc6d4;border-radius:50%;border-top-color:#1e78d6;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);content:"";display:inline-block;flex-shrink:0;height:11px;width:11px}.brand-name{white-space:nowrap}.brand-ai{color:#519acf;font-size:1.08em;font-weight:800;padding:0 .02em}.sidebar{display:none}@media (min-width:768px){.sidebar{background:var(--color-rail);border-right:1px solid var(--color-rail-line);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:272px;z-index:100}}.sidebar-header{align-items:center;border-bottom:1px solid var(--color-rail-line);display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1.25rem}.sidebar-logo{align-items:center;color:#fff;display:inline-flex;font-family:var(--font-display);font-size:1.0625rem;font-weight:600;gap:.5rem;letter-spacing:.02em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sidebar-logo:before{background:var(--color-accent);border-radius:1px;content:"";display:inline-block;height:18px;width:6px}.sidebar-logo:hover{color:#fff;text-decoration:none}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:.75rem .75rem 1rem}.sidebar-group-heading{color:var(--color-rail-muted);font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.14em;margin-bottom:.375rem;padding:0 .625rem;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:var(--radius);color:var(--color-rail-text);display:flex;font-size:.875rem;font-weight:500;gap:.5625rem;padding:.4375rem .625rem .4375rem .75rem;position:relative;text-decoration:none;transition:background .15s,color .15s}.sidebar-link-icon{flex-shrink:0;opacity:.75}.sidebar-link.active .sidebar-link-icon,.sidebar-link:hover .sidebar-link-icon{opacity:1}.sidebar-link+.sidebar-link{margin-top:2px}.sidebar-link:hover{text-decoration:none}.sidebar-link.active,.sidebar-link:hover{background:var(--color-rail-alt);color:#fff}.sidebar-link.active:before{background:var(--color-accent);border-radius:0 1px 1px 0;content:"";height:1.05em;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-footer{border-top:1px solid var(--color-rail-line);display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.sidebar-user-link{align-items:center;border-radius:var(--radius);color:inherit;display:flex;gap:.625rem;min-width:0;padding:.5rem .625rem;text-decoration:none;transition:background .15s}.sidebar-user-link:hover{background:var(--color-rail-alt);text-decoration:none}.sidebar-avatar{object-fit:cover}.sidebar-avatar,.sidebar-avatar-fallback{border-radius:50%;flex-shrink:0;height:32px;width:32px}.sidebar-avatar-fallback{align-items:center;background:var(--color-rail-alt);border:1px solid var(--color-rail-line);color:var(--color-accent);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;font-weight:500;justify-content:center}.sidebar-user-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.sidebar-user-name{color:#fff;font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--color-rail-muted);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.sidebar-company{align-items:center;background:var(--color-rail-alt);border-radius:var(--radius);display:flex;gap:.625rem;min-width:0;padding:.5rem .625rem}.sidebar-company-logo{background:#fff;object-fit:contain}.sidebar-company-logo,.sidebar-company-logo-fallback{border:1px solid var(--color-rail-line);border-radius:6px;flex-shrink:0;height:32px;width:32px}.sidebar-company-logo-fallback{align-items:center;background:var(--color-rail);color:var(--color-accent);display:inline-flex;font-family:var(--font-mono);font-size:.8125rem;font-weight:600;justify-content:center}.sidebar-company-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.sidebar-company-name{color:#fff;font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-company-nip{color:var(--color-rail-muted);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em}.sidebar-logout{align-items:center;background:none;border:none;border-radius:var(--radius);color:#e89690;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5625rem;padding:.4375rem .625rem .4375rem .75rem;text-align:left;transition:background .15s,color .15s;width:100%}.sidebar-logout:hover{background:#cf3a3229;color:#f4b4af}.sidebar-header .notification-bell-wrap{flex-shrink:0}.app-main{min-height:100vh;min-height:100dvh;padding:1rem 1rem 80px}@media (max-width:767.98px){#root,body,html{height:100%}body:has(.app-main){overflow:hidden}.app-main{-webkit-overflow-scrolling:touch;inset:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(80px + env(safe-area-inset-bottom));position:fixed}}.app-main-inner{margin:0 auto;max-width:var(--max-width)}@media (min-width:768px){.app-main{margin-left:272px;padding-bottom:1rem}}.bottombar{background:var(--color-rail);border-top:1px solid var(--color-rail-line);bottom:0;display:flex;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;transform:translateZ(0);will-change:transform;z-index:300}@media (min-width:768px){.bottombar{display:none}}.bottombar-btn{align-items:center;background:none;border:none;color:var(--color-rail-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-mono);font-size:.5625rem;font-weight:500;gap:4px;justify-content:flex-start;letter-spacing:.06em;min-height:60px;min-width:0;overflow:hidden;padding:.375rem .25rem .625rem;text-decoration:none;text-transform:uppercase;transition:color .15s,background .15s;white-space:nowrap}.bottombar-btn-label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.bottombar-btn-icon{flex-shrink:0;opacity:.9}.bottombar-btn+.bottombar-btn{border-left:1px solid var(--color-rail-line)}.bottombar-btn.active{background:var(--color-rail-alt)}.bottombar-btn:hover{color:var(--color-rail-text);text-decoration:none}.bottombar-btn.active{color:#fff}.bottombar-btn-indicator{background:#0000;border-radius:1px;height:3px;margin-bottom:2px;width:18px}.bottombar-btn.active .bottombar-btn-indicator{background:var(--color-accent)}.sheet-backdrop{align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;display:flex;inset:0;justify-content:stretch;position:fixed;z-index:200}.sheet{background:var(--color-rail);border-top:1px solid var(--color-rail-line);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.75rem;margin-bottom:calc(61px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;padding:.5rem 1rem 1rem;width:100%}.sheet-handle{align-self:center;background:var(--color-rail-line);border-radius:2px;height:4px;margin:.375rem 0 .5rem;width:40px}.sheet-user{align-items:center;background:var(--color-rail-alt);border-radius:var(--radius);color:inherit;display:flex;gap:.75rem;padding:.625rem .5rem}.sheet-user,.sheet-user:hover{text-decoration:none}.sheet-user-fallback{align-items:center;background:var(--color-rail);border:1px solid var(--color-rail-line);border-radius:50%;color:var(--color-accent);display:inline-flex;flex-shrink:0;font-family:var(--font-mono);font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.sheet-user-name{color:#fff;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-user-role{color:var(--color-rail-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.sheet-section{display:flex;flex-direction:column}.sheet-heading{color:var(--color-rail-muted);font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.14em;margin-bottom:.375rem;padding:0 .5rem;text-transform:uppercase}.sheet-link{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--color-rail-text);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:.625rem;padding:.625rem .625rem .625rem .75rem;position:relative;text-align:left;text-decoration:none;transition:background .15s,color .15s;width:100%}.sheet-link:hover{text-decoration:none}.sheet-link.active,.sheet-link:hover{background:var(--color-rail-alt);color:#fff}.sheet-link.active:before{background:var(--color-accent);border-radius:0 1px 1px 0;content:"";height:1.05em;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sheet-link-icon{flex-shrink:0;opacity:.8}.sheet-link-danger{color:#e89690}.sheet-link-danger:hover{background:#cf3a3229;color:#f4b4af}.sheet-bell{align-items:center;display:flex;justify-content:space-between;padding:.5rem}.sheet-bell-label{color:var(--color-rail-text);font-size:.9375rem;font-weight:500}.auth-page{align-items:center;background:radial-gradient(120% 80% at 50% -10%,#eceef1 0,var(--color-bg) 55%);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-page:after{background:repeating-linear-gradient(-45deg,var(--color-accent) 0 14px,#10233f 14px 28px);bottom:0;content:"";height:6px;left:0;opacity:.55;position:fixed;right:0}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;overflow:hidden;padding:2rem 1.5rem;position:relative;width:100%}.auth-card:before{background:var(--color-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.auth-title{font-family:var(--font-display);font-size:1.625rem;font-weight:600;letter-spacing:.02em;margin-bottom:.5rem}.auth-subtitle,.auth-title{text-align:center;text-transform:uppercase}.auth-subtitle{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;margin-bottom:1.5rem}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:var(--color-danger);font-size:.875rem;margin-bottom:1rem;padding:.625rem .75rem}.auth-info,.auth-success{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius);color:var(--color-primary-hover);font-size:.875rem;margin-bottom:1rem;padding:.625rem .75rem}.auth-btn{font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.auth-footer{color:var(--color-text-secondary);font-size:.875rem;margin-top:1rem;text-align:center}.auth-row{display:flex;flex-direction:column;gap:0}@media (min-width:480px){.auth-card{padding:2.5rem 2rem}.auth-row{flex-direction:row;gap:.75rem}.auth-row .form-group{flex:1 1}}.machines-page{display:flex;flex-direction:column;min-height:calc(100vh - 2rem);min-height:calc(100dvh - 2rem)}.machines-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:auto;padding-top:1.25rem}@media (max-width:767.98px){.machines-page{min-height:calc(100dvh - 1rem - 80px - env(safe-area-inset-bottom))}}.page-header{margin-bottom:1.25rem}.filters-bar,.page-header{display:flex;flex-direction:column;gap:.75rem}.filters-bar{margin-bottom:1.5rem}.filter-group{flex:1 1;min-width:0}.machines-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-auto-rows:1fr;grid-template-columns:1fr}.machine-card{color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.25rem;position:relative;text-decoration:none;transition:box-shadow .18s,transform .1s,border-color .18s}.machine-card:before{background:var(--color-accent);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .18s ease;width:3px}.machine-card>div:first-child{flex:1 1;min-height:0}.machine-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.machine-card:hover:before{transform:scaleY(1)}.machine-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.machine-card-name{-webkit-line-clamp:2;color:var(--color-text);font-family:var(--font-display);font-size:1.0625rem;font-weight:600;letter-spacing:.01em;line-height:1.2;min-height:2.4em;text-transform:uppercase}.machine-card-desc,.machine-card-name{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.machine-card-desc{-webkit-line-clamp:3;color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:.875rem;min-height:4.2em}.machine-card-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8125rem;margin-top:auto;padding-top:.625rem}.machine-card-nip{font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.01em}@media (max-width:767.98px){.machine-card-header{align-items:flex-start;flex-direction:column;gap:.375rem;margin-bottom:.625rem}.machine-card-header .badge{order:-1}}@media (min-width:480px){.filters-bar{flex-direction:row}.machines-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.page-header{align-items:center;flex-direction:row;justify-content:space-between}.machines-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.machines-grid{grid-template-columns:repeat(3,1fr)}}.detail-back{margin-bottom:1rem}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.detail-header .page-title{margin-bottom:0}.detail-layout{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}.machine-nameplate,.machine-tab-icon,.machine-tab-label-short{display:none}@media (max-width:767.98px){.machine-nameplate{background:var(--color-primary-light-alt);border:1px solid var(--color-accent-tint-strong);border-left:5px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);display:block;margin-bottom:.75rem;padding:.875rem 1rem}.nameplate-main{align-items:center;display:flex;gap:.75rem}.nameplate-photo{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.nameplate-photo img{display:block;height:100%;object-fit:cover;width:100%}.nameplate-id{flex:1 1;min-width:0}.nameplate-name{color:var(--color-text);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.01em;margin:0 0 .3125rem;overflow-wrap:anywhere;text-transform:uppercase}.nameplate-row{align-items:baseline;display:flex;font-size:.8125rem;gap:.5rem;min-width:0}.nameplate-row+.nameplate-row{margin-top:.1875rem}.nameplate-key{color:var(--color-primary-hover);flex-shrink:0;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;width:62px}.nameplate-val{color:var(--color-text);min-width:0;overflow-wrap:anywhere}.nameplate-toggle{align-items:center;background:none;border:1px solid var(--color-accent-tint-strong);border-radius:var(--radius);color:var(--color-primary-hover);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:.625rem;gap:.375rem;justify-content:center;letter-spacing:.1em;margin-top:.625rem;padding:.4375rem;text-transform:uppercase;width:100%}.nameplate-details{border-top:1px solid var(--color-accent-tint-strong);display:flex;flex-direction:column;gap:.4375rem;margin-top:.75rem;padding-top:.75rem}.machine-tabs-wrap{background:var(--color-bg);margin:0 -1rem .75rem;padding:.5rem .75rem .625rem}.machine-tabs{background:var(--color-surface);border:1px solid var(--color-accent-tint-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:2px;margin-bottom:0;overflow:visible;padding:3px}.machine-tabs .tab{align-items:center;background:none;border:none;border-radius:calc(var(--radius) - 2px);color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;font-family:var(--font-mono);font-size:.5rem;font-weight:500;gap:3px;letter-spacing:.01em;line-height:1.15;margin-bottom:0;min-width:0;padding:.4375rem .0625rem;text-transform:uppercase}.machine-tabs .tab .machine-tab-icon{display:block;flex-shrink:0;opacity:.7}.machine-tabs .tab .machine-tab-label-full{display:block;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;text-align:center}.machine-tabs .tab .machine-tab-label-short{display:none}.machine-tabs .tab.active{background:var(--color-primary-light-alt);color:var(--color-primary-hover);font-weight:700}.machine-tabs .tab.active .machine-tab-icon{color:var(--color-primary);opacity:1}.machine-tabs--customer .tab[data-tab=tickets]{order:-1}.tab-action-bar{justify-content:center!important}}.detail-aside{align-self:start;display:flex;flex-direction:column;gap:1rem}.machine-thumbnail-box{align-items:center;aspect-ratio:1/1;background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;justify-content:center;overflow:hidden;width:100%}.machine-thumbnail-box img{display:block;height:100%;object-fit:cover;width:100%}.machine-thumbnail-placeholder{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.detail-info{align-self:stretch;border:1px solid var(--color-border-strong);border-top:3px solid var(--color-primary);box-shadow:var(--shadow);min-width:0;padding:1.25rem;width:100%}.detail-info-title{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:1rem;padding-bottom:.625rem;text-transform:uppercase}.info-grid{gap:1rem}.info-grid,.info-item{display:flex;flex-direction:column}.info-item{gap:.25rem;min-width:0}.info-label{color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.info-value{color:var(--color-text);font-size:.9375rem;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.customer-banner{background:var(--color-primary-light-alt);border:1px solid var(--color-accent-tint-strong);border-left:5px solid var(--color-primary);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.125rem 1.5rem}.customer-banner-label{align-items:center;color:var(--color-primary-hover);display:inline-flex;font-size:.7rem;font-weight:700;gap:.5rem;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.customer-banner-label:before{background:var(--color-primary);border-radius:1px;content:"";display:inline-block;height:6px;width:6px}.customer-banner-nip{color:var(--color-text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.375rem;font-weight:700;letter-spacing:-.01em}.customer-banner-address{color:var(--color-text-secondary);font-size:.875rem;margin-top:.5rem}.qr-print-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:1px solid var(--color-primary-hover);border-radius:999px;box-shadow:0 1px 3px #191c2040,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.01em;padding:.4rem .85rem;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}.qr-print-btn:hover{box-shadow:0 4px 10px #191c2052,inset 0 1px 0 #fff3;filter:brightness(1.05);transform:translateY(-1px)}.qr-print-btn:active{box-shadow:0 1px 2px #191c204d;transform:translateY(0)}.qr-print-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.qr-print-btn svg{flex-shrink:0}.add-form{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);margin-bottom:1rem;padding:1.25rem}.add-form .form-group{margin-bottom:.75rem}.items-list{display:flex;flex-direction:column;gap:.625rem}.item-card{border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);padding:1rem 1.25rem}@media (max-width:767.98px){.items-list{gap:.5rem}.item-card{font-size:.8125rem;padding:.625rem .75rem}.item-card .item-meta{font-size:.6875rem}.item-card .badge{font-size:.625rem;padding:.1rem .4rem}.add-form{padding:.875rem}}.item-desc{color:var(--color-text);font-size:.9375rem;margin-bottom:.5rem;white-space:pre-wrap}.item-meta{color:var(--color-text-muted);display:block;font-size:.8125rem}.item-filepath{color:var(--color-text-secondary);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;margin-bottom:.25rem;word-break:break-all}.file-label{color:var(--color-text-muted);display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:.375rem;text-transform:uppercase}.photo-preview{background:var(--color-surface-alt);border-radius:var(--radius);margin-bottom:.625rem;max-height:320px;max-width:100%;object-fit:contain}.photo-carousel{border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);padding:1rem 1.25rem}.photo-carousel-stage{align-items:center;display:flex;gap:.5rem}.photo-carousel-imgwrap{align-items:center;background:var(--color-surface-alt);border-radius:var(--radius);display:flex;flex:1 1;justify-content:center;min-height:240px;overflow:hidden;position:relative}.photo-carousel-img{display:block;max-height:420px;max-width:100%;object-fit:contain}.photo-carousel-img.is-thumbnail{outline:3px solid var(--color-primary);outline-offset:-3px}.photo-thumb-badge{background:var(--color-primary);border-radius:999px;box-shadow:var(--shadow-sm);color:#fff;font-size:.75rem;font-weight:600;left:.5rem;letter-spacing:.01em;padding:.25rem .5rem;position:absolute;top:.5rem;z-index:1}.photo-nav{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;line-height:1;transition:background .15s,border-color .15s,color .15s;width:40px}.photo-nav:hover:not(:disabled){background:var(--color-primary-light-alt);border-color:var(--color-primary);color:var(--color-primary)}.photo-nav:disabled{cursor:not-allowed;opacity:.4}.photo-carousel-counter{color:var(--color-text-muted);font-size:.8125rem;margin-top:.5rem;text-align:center}.photo-file-list{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:.5rem 0 0;max-height:200px;overflow-y:auto;padding:0}.photo-file-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;font-size:.8125rem;gap:.5rem;padding:.375rem .625rem}.photo-file-item:last-child{border-bottom:none}.photo-file-name{color:var(--color-text);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-file-size{font-size:.75rem}.photo-file-remove,.photo-file-size{color:var(--color-text-muted);flex-shrink:0}.photo-file-remove{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:inline-flex;font-size:1.125rem;height:22px;justify-content:center;line-height:1;transition:background .15s,color .15s;width:22px}.photo-file-remove:hover:not(:disabled){background:#f7dedc;color:var(--color-danger)}.photo-file-remove:disabled{cursor:not-allowed;opacity:.4}@media (min-width:1024px){.detail-layout{align-items:start;gap:1.5rem;grid-template-columns:320px 1fr}.detail-info{position:sticky;top:76px}}@media (max-width:767.98px){.detail-aside,.detail-back,.detail-header{display:none}.customer-banner{display:none!important}}.scan-page{align-items:flex-start;background:#f5f5f7;background:var(--color-surface-alt,#f5f5f7);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:1.5rem 1rem}.scan-card{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e5e7;border:1px solid var(--color-border,#e5e5e7);border-radius:8px;border-radius:var(--radius,8px);box-shadow:0 1px 3px #0000000d;max-width:520px;padding:1.5rem;width:100%}.scan-eyebrow{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.scan-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.scan-meta{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.875rem;margin:0 0 1.25rem}.scan-submit{font-size:1rem;margin-top:.5rem;padding:.875rem;width:100%}.scan-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.scan-footer{border-top:1px solid #e5e5e7;border-top:1px solid var(--color-border,#e5e5e7);margin-top:1.5rem;padding-top:1rem;text-align:center}.link-button{background:none;border:none;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.link-button:hover{color:#111827;color:var(--color-text,#111827)}
/*# sourceMappingURL=main.b869d089.css.map*/