:root{--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-100: #dbeafe;--blue-050: #f4f8ff;--ink-950: #0f172a;--ink-900: #172033;--ink-800: #243248;--ink-700: #475569;--ink-600: #5b6b80;--ink-500: #64748b;--ink-400: #94a3b8;--surface: #f6f9fc;--surface-strong: #edf3f9;--panel: #ffffff;--panel-alt: #fbfdff;--line: #dbe4ef;--line-strong: #c7d5e5;--danger: #dc2626;--danger-soft: #fee2e2;--success: #0f9f67;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--shadow-xl: 0 28px 60px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 38px rgba(15, 23, 42, .06);--shadow-md: 0 10px 24px rgba(15, 23, 42, .05);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);color-scheme:light;font-family:Inter,Aptos,Segoe UI,ui-sans-serif,sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fcfdff,#f6f9fc 48%,#eef4fa);color:var(--ink-950)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{box-shadow:0 0 0 3px #2563eb29}.fdc-shell{display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:14px;height:100vh;padding:18px 16px;background:#ffffffe0;border-right:1px solid rgba(219,228,239,.88);box-shadow:12px 0 30px #0f172a0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfe);box-shadow:var(--shadow-sm)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:8px;background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff;box-shadow:0 10px 20px #2563eb29}.brand-mark svg,.icon{width:18px;height:18px;fill:currentColor}.brand-copy{display:grid;min-width:0}.brand-copy strong,.brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-copy strong{color:var(--ink-950);font-size:15px;letter-spacing:0}.brand-copy small{color:var(--ink-500);font-size:12px}.sidebar-context{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfe);box-shadow:var(--shadow-sm)}.sidebar-context-label{color:var(--ink-400);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.sidebar-context strong{color:var(--ink-900);font-size:14px}.sidebar-context small{color:var(--ink-500);font-size:12px}.nav-list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding-right:2px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:8px;color:var(--ink-700);font-weight:750;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.nav-item:hover{background:var(--blue-050);border-color:#3b82f624;color:var(--blue-700)}.nav-item.is-active{background:linear-gradient(180deg,#eff6ff,#e0ecff);border-color:#2563eb2e;color:var(--blue-700);box-shadow:inset 3px 0 0 var(--blue-600)}.main{min-width:0;padding:22px 24px 32px}.content-shell{display:grid;gap:18px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:18px 20px;border:1px solid rgba(219,228,239,.9);border-radius:8px;background:#ffffffdb;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--ink-500);font-size:12px;font-weight:700}.breadcrumb a{color:var(--blue-600)}.page-title-wrap{display:flex;align-items:center;gap:12px;margin-top:8px}.topbar h1{margin:0;font-size:28px;line-height:1.04;letter-spacing:0;color:var(--ink-950)}.context-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--blue-100);color:var(--blue-700);font-size:12px;font-weight:800}.topbar-actions{display:flex;gap:10px;align-items:center}.tenant-switch select,.tenant-pill,.user-chip{min-height:42px;border:1px solid var(--line);background:#ffffffeb;border-radius:8px;box-shadow:var(--shadow-sm)}.tenant-switch select{padding:0 34px 0 12px;color:var(--ink-900);font-weight:700}.tenant-pill{display:inline-flex;align-items:center;padding:0 12px;color:var(--ink-700);font-weight:700}.user-chip{display:grid;align-content:center;min-width:138px;padding:5px 12px}.user-chip span,.user-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip span{color:var(--ink-950);font-weight:700}.user-chip small{color:var(--ink-500);font-size:12px}.icon-button,.primary-button,.secondary-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:8px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.primary-button{background:linear-gradient(180deg,#4f93ff,#2563eb);color:#fff;box-shadow:0 12px 22px #2563eb24}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 28px #2563eb2e}.primary-button.compact{min-width:98px}.secondary-button,.icon-button{background:#fffffff0;color:var(--ink-700);border-color:var(--line);box-shadow:var(--shadow-sm)}.secondary-button:hover,.icon-button:hover{background:#fff;border-color:var(--line-strong);transform:translateY(-1px)}.icon-button{width:42px;padding:0}.icon-button.outlined{color:var(--blue-700);border-color:#2563eb2e;background:var(--blue-050)}.toast{position:fixed;top:20px;right:20px;z-index:1000;min-width:240px;padding:12px 14px;border:1px solid rgba(37,99,235,.12);border-left:4px solid var(--blue-600);border-radius:8px;color:var(--ink-900);background:#fffffffa;box-shadow:var(--shadow-lg)}.dashboard-overview{padding:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{position:relative;min-height:132px;display:grid;align-content:space-between;gap:10px;padding:18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-sm);overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--metric-accent, var(--blue-600))}.metric-card:after{content:"";position:absolute;right:-8px;bottom:-14px;width:70px;height:70px;border-radius:50%;background:color-mix(in srgb,var(--metric-accent, var(--blue-600)) 10%,white)}.metric-card span,.metric-card strong,.metric-card small{position:relative;z-index:1}.metric-card span{color:var(--ink-500);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.metric-card strong{color:var(--ink-950);font-size:34px;line-height:1}.metric-card small{color:var(--ink-600);font-size:12px;font-weight:700}.metric-pause{--metric-accent: #64748b}.metric-open{--metric-accent: #2563eb}.metric-pending{--metric-accent: #d97706}.metric-done{--metric-accent: #0f9f67}.content-grid{display:grid;gap:18px}.content-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.align-start{align-items:start}.panel,.table-panel,.form-section,.record-head,.toolbar{background:#ffffffe6;border:1px solid rgba(219,228,239,.88);border-radius:8px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel{padding:18px}.panel-head,.record-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(219,228,239,.88)}.panel-head-spread{align-items:flex-start}.panel-head-secondary{padding:16px 18px 14px;margin-bottom:0}.panel-head-copy{display:grid;gap:4px;min-width:0}.panel-head h2,.form-section h2{margin:0;font-size:16px;letter-spacing:0;color:var(--ink-950)}.panel-head-copy p,.form-section-head p{margin:0;color:var(--ink-500);font-size:13px}.count-pill,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.count-pill{background:var(--blue-100);color:var(--blue-700)}.status-badge{background:#edf3f8;color:var(--ink-700)}.status-open,.status-active,.status-good,.status-monitor,.status-panel,.status-super-admin{background:var(--blue-100);color:var(--blue-700)}.status-pending,.status-requested-for-rma,.status-oow{background:var(--warning-soft);color:var(--warning)}.status-done,.status-approved,.status-approve,.status-yes{background:var(--success-soft);color:var(--success)}.status-inactive,.status-not-received,.status-no,.status-used{background:#edf2f7;color:var(--ink-600)}.status-defect,.status-scrapped,.status-reject,.status-not-good,.status-unactive{background:var(--danger-soft);color:var(--danger)}.status-closed,.status-shipped-out{background:#e7eefc;color:#345284}.compact-list{display:grid;gap:10px}.compact-list a,.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.compact-list a:hover,.list-row:hover{border-color:#2563eb29;background:var(--blue-050);box-shadow:var(--shadow-md)}.compact-list small,.list-row small{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink-500)}.inline-code{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:999px;background:#edf3f8;color:var(--ink-700);font-size:12px;font-weight:800}.toolbar{padding:14px}.filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.filter-tabs a,.filter-tabs button{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink-700);font-size:13px;font-weight:800;cursor:pointer}.filter-tabs a.is-active,.filter-tabs button.is-active{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#2563eb2e;color:var(--blue-700);box-shadow:inset 3px 0 0 var(--blue-600)}.filter-tabs label{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;color:var(--ink-500);font-size:12px;font-weight:800}.filter-tabs select{min-height:28px;max-width:170px;padding-right:18px;border:0;color:var(--ink-900);font-weight:700;background:transparent}.toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.module-toolbar{align-items:flex-start}.is-hidden{display:none!important}.danger-outline,.danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:8px;font-weight:800;cursor:pointer}.danger-outline{border:1px solid rgba(220,38,38,.4);background:#fff;color:var(--danger)}.danger-outline:hover{background:var(--danger-soft)}.danger-button{border:1px solid var(--danger);background:var(--danger);color:#fff}.switch-field{display:inline-flex;align-items:center;gap:10px;min-height:42px;color:var(--ink-800)}.switch-field input{position:absolute;opacity:0;pointer-events:none}.switch-field span{position:relative;width:46px;height:26px;border-radius:999px;background:var(--line-strong);transition:background-color .18s ease}.switch-field span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s ease}.switch-field input:checked+span{background:var(--success)}.switch-field input:checked+span:after{transform:translate(20px)}.switch-field strong{white-space:nowrap;font-size:13px}.action-dropdown{position:relative}.action-dropdown summary{list-style:none}.action-dropdown summary::-webkit-details-marker{display:none}.action-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;min-width:200px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-lg)}.action-dropdown-menu a,.dropdown-upload{position:relative;display:flex;align-items:center;min-height:38px;padding:0 10px;border-radius:8px;color:var(--ink-800);font-size:13px;font-weight:800;cursor:pointer}.action-dropdown-menu a:hover,.dropdown-upload:hover{background:var(--blue-050);color:var(--blue-700)}.inline-upload-form{margin:0}.file-trigger{position:relative;overflow:hidden}.hidden-file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.search-field{display:inline-flex;align-items:center;gap:8px;color:var(--ink-500);font-size:12px;font-weight:800}.search-field input,.stack-form input,.stack-form select,.field input,.field select,.field textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fffffffa;color:var(--ink-950);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.search-field input{min-width:230px}.search-field input:hover,.stack-form input:hover,.stack-form select:hover,.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--line-strong)}.search-field input:focus,.stack-form input:focus,.stack-form select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#2563eb47;box-shadow:0 0 0 3px #2563eb1a}.field textarea{resize:vertical;min-height:92px}.field select[multiple]{min-height:144px;padding:10px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.data-table td{padding:14px;border-bottom:1px solid rgba(219,228,239,.88);text-align:left;vertical-align:middle;white-space:nowrap}.data-table.compact-table th,.data-table.compact-table td{padding:10px 12px}.select-col{width:44px;text-align:center!important}.select-col input[type=checkbox]{width:18px;height:18px}.data-table th{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,#fcfdff,#f4f8fd);color:var(--ink-500);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.data-table tbody td:first-child{font-weight:700;color:var(--ink-900)}.data-table tbody tr:last-child td{border-bottom:0}.data-table .numeric{text-align:right}.clickable-row:focus-visible td{background:var(--blue-050);outline:2px solid rgba(37,99,235,.35);outline-offset:-2px}.actions-col{width:100px;text-align:right!important}.row-actions{display:inline-flex;gap:6px;align-items:center}.row-actions a,.row-actions button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--blue-700);border:1px solid var(--line);border-radius:8px;background:#fffffff5;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.row-actions a:hover,.row-actions button:hover{background:var(--blue-050);border-color:#2563eb29;box-shadow:var(--shadow-sm)}.row-actions form{margin:0}.modal-shell{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0f172a61}.modal-shell[hidden]{display:none}.modal-card{width:min(620px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-xl)}.modal-card.wide{width:min(860px,100%)}.modal-card.panel-received-modal-card{width:min(60rem,calc(100vw - 3rem))}.modal-card.panel-ship-out-modal-card{width:min(72rem,calc(100vw - 3rem))}.panel-ship-out-modal-card .form-grid{grid-template-columns:repeat(4,minmax(11rem,1fr));gap:20px}.panel-received-modal-card .form-grid{grid-template-columns:repeat(4,minmax(10rem,1fr))}@media(max-width:900px){.panel-ship-out-modal-card .form-grid,.panel-received-modal-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.panel-ship-out-modal-card .form-grid,.panel-received-modal-card .form-grid{grid-template-columns:1fr}}.status-cancelled{background:#fee2e2;color:#991b1b}.status-closed{background:#e0e7ff;color:#3730a3}.ticket-customer-field{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;align-items:start}.multi-tag-control{display:grid;gap:.5rem}.multi-tag-chips,.choice-group{display:flex;flex-wrap:wrap;gap:.5rem}.multi-tag-chip,.choice-item{display:inline-flex;align-items:center;gap:.5rem;min-height:2.625rem;padding:.625rem .75rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm)}.multi-tag-chip button{display:inline-grid;place-items:center;width:1.375rem;height:1.375rem;min-height:auto;padding:0;border:1px solid rgba(226,232,240,.8);border-radius:999px;background:#f8fafc;color:var(--ink-600);cursor:pointer}.choice-item input[type=checkbox],.choice-item input[type=radio]{flex:0 0 auto;width:18px;height:18px;min-height:18px;margin:0;padding:0;border-radius:4px;box-shadow:none;accent-color:var(--blue-600)}.choice-item input[type=radio]{border-radius:999px}.ticket-customer-modal-card{width:min(760px,calc(100vw - 3rem));overflow:hidden}.ticket-customer-modal-grid{padding:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ticket-customer-modal-grid textarea{min-height:7rem}.ticket-customer-modal-card footer{padding:1rem 1.5rem}.ticket-image-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.ticket-image-upload-slot{display:grid;gap:.625rem;align-content:start}.ticket-image-upload-slot input[type=file]{width:100%;min-height:2.625rem;padding:.625rem .75rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm)}.ticket-image-preview{width:100%;aspect-ratio:4 / 3;padding:0;overflow:hidden;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;box-shadow:var(--shadow-sm);cursor:zoom-in}.ticket-image-preview img{display:block;width:100%;height:100%;object-fit:cover}.ticket-image-zoom-modal{z-index:180}.ticket-image-zoom-card{width:min(920px,calc(100vw - 3rem))}.ticket-image-zoom-body{padding:1rem;background:#0f172a}.ticket-image-zoom-body img{display:block;width:100%;max-height:calc(100vh - 12rem);object-fit:contain}.ticketing-table-panel .table-wrap{overflow:visible}.table-panel .data-table.ticketing-index-table{table-layout:fixed}.ticketing-index-table .ticketing-column-case-id{width:11%}.ticketing-index-table .ticketing-column-case-type,.ticketing-index-table .ticketing-column-ticketing-status{width:9%}.ticketing-index-table .ticketing-column-customer-name{width:15%}.ticketing-index-table .ticketing-column-model{width:11%}.ticketing-index-table .ticketing-column-requested-date,.ticketing-index-table .ticketing-column-closed-date{width:10%}.ticketing-index-table .ticketing-column-technician{width:12%}.ticketing-index-table .ticketing-column-pending-parts{width:13%}.modal-card>header,.modal-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-card footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.modal-card h2{margin:0;font-size:18px}.panel-history-modal-body{padding:18px}.modal-card>header button{width:34px;height:34px;border:0;border-radius:8px;background:var(--surface);color:var(--ink-700);font-size:22px;cursor:pointer}.modal-card form{display:grid;gap:16px;padding:18px}.modal-card form footer{margin:0 -18px -18px}.modal-card .table-wrap{border:1px solid var(--line);border-radius:8px}.modal-card .data-table input{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.pagination-wrap{padding:14px 18px 16px;border-top:1px solid rgba(219,228,239,.88);background:linear-gradient(180deg,#fffc,#fafcfff5)}.fdc-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fdc-pagination-summary{color:var(--ink-500);font-size:12px;font-weight:700}.fdc-pagination-links{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.fdc-page-control,.fdc-page-number,.fdc-page-gap{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;color:var(--ink-700);font-size:13px;font-weight:800}.fdc-page-control:hover,.fdc-page-number:hover{border-color:#2563eb29;background:var(--blue-050)}.fdc-page-number.is-active{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#2563eb2e;color:var(--blue-700);box-shadow:inset 3px 0 0 var(--blue-600)}.fdc-page-control.is-disabled{opacity:.42}.empty-state{padding:28px 18px!important;color:var(--ink-500);text-align:center;font-size:13px;font-weight:700}.summary-form{display:grid;gap:16px}.record-head{padding:14px 16px}.record-context{display:grid;gap:4px;min-width:0;margin-right:auto}.section-kicker{color:var(--ink-400);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.record-context strong{color:var(--ink-950);font-size:15px}.record-actions{display:flex;flex-wrap:wrap;gap:8px}.field-note{display:inline-flex;align-items:center;margin-top:.35rem;font-size:.78rem;font-weight:600;line-height:1.35}.field-help-note{color:#6b7280;font-size:.72rem;font-weight:500}.danger-note{color:#b91c1c}.panel-pending-note-row{display:flex;justify-content:flex-end;margin:-.25rem 0 .25rem;text-align:right}.panel-pending-note-row .field-note{margin-top:0}.ticketing-form-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticketing-form-tabs-row .ticketing-form-tabs{flex:0 1 auto;width:fit-content;max-width:100%}.ticketing-form-tabs-status{flex:0 0 auto;margin-left:auto}.module-detail-form.has-sticky-save-footer,.summary-form.has-sticky-save-footer{padding-bottom:80px}.sticky-save-footer{position:fixed;left:200px;right:0;bottom:0;z-index:70;box-sizing:border-box;display:flex;justify-content:flex-end;padding:14px 2rem;border-top:1px solid rgba(219,228,239,.88);background:#fffffff5;box-shadow:0 -18px 40px -28px #0f172a73,var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-save-footer .primary-button{min-width:128px}.form-section{padding:18px}.form-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(219,228,239,.88)}.module-detail-form .form-section,.user-detail-form .form-section,.inventory-detail-form .form-section,.ticketing-detail-form .form-section{padding:18px 18px 20px;box-shadow:none}.module-detail-form .form-section-head,.user-detail-form .form-section-head,.inventory-detail-form .form-section-head,.ticketing-detail-form .form-section-head{padding-bottom:0;margin-bottom:16px;border-bottom:0}.module-detail-form .form-section h2,.user-detail-form .form-section h2,.inventory-detail-form .form-section h2,.ticketing-detail-form .form-section h2{font-size:15px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.form-grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}.field{display:grid;gap:6px;min-width:0}.field>span,.stack-form label,.auth-form label{font-weight:800;color:var(--ink-800);font-size:13px}.field output{display:flex;align-items:center;width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfe);color:var(--ink-950);overflow-wrap:anywhere}.file-list{display:grid;gap:4px}.file-list a{color:var(--blue-700);font-weight:800;text-decoration:underline;text-underline-offset:2px}.check-group{display:grid;gap:8px;min-height:42px;padding:12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff)}.check-group label{display:flex;align-items:center;gap:8px;color:var(--ink-700);font-size:13px;font-weight:700}.check-group input{width:auto;min-height:auto}.tenant-access-choice-group{width:100%}.tenant-access-choice-group .choice-item{min-width:11rem;background:#f8fafc}.type-to-create-checkbox{display:grid;gap:.75rem}.type-to-create-checkbox-add-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.type-to-create-checkbox-add-row input{flex:1 1 14rem;min-width:10rem}.toggle-field{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff);color:var(--ink-800);font-size:13px;font-weight:700}.toggle-field input[type=checkbox]{width:auto;min-height:auto}.simple-checkbox-field{display:flex;align-items:center;width:100%;min-height:42px;padding:10px 0;box-sizing:border-box}.simple-checkbox-field--boxed{justify-content:flex-start;padding:.625rem .75rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;box-shadow:var(--shadow-sm)}.simple-checkbox-field--boxed.is-readonly{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none}.simple-checkbox-field input[type=checkbox]{width:18px;height:18px;min-height:auto}.field-readonly-output{display:block;width:100%;min-width:0;box-sizing:border-box;background:#f1f5f9;border-color:#e2e8f0;color:#64748b;box-shadow:none}.span-1{--grid-span: 1;grid-column:span 1}.span-2{--grid-span: 2;grid-column:span 2}.span-3{--grid-span: 3;grid-column:span 3}.span-4{--grid-span: 4;grid-column:span 4}.span-5{--grid-span: 5;grid-column:span 5}.span-6{--grid-span: 6;grid-column:span 6}.span-7{--grid-span: 7;grid-column:span 7}.span-8{--grid-span: 8;grid-column:span 8}.span-9{--grid-span: 9;grid-column:span 9}.span-10{--grid-span: 10;grid-column:span 10}.span-11{--grid-span: 11;grid-column:span 11}.span-12{--grid-span: 12;grid-column:span 12}.field.start-new-row,.summary-item.start-new-row{grid-column:1 / span var(--grid-span, 1)}.buffer-component-checklist{margin-top:18px}.buffer-component-table th:nth-child(2),.buffer-component-table th:nth-child(3),.buffer-component-table td:nth-child(2),.buffer-component-table td:nth-child(3){width:72px;text-align:center}.buffer-component-table input[type=radio]{width:18px;min-height:auto}.buffer-component-table td{vertical-align:middle}.buffer-component-table .component-remarks-cell,.buffer-component-table td:nth-child(5){vertical-align:top}.buffer-component-table-view .component-status-cell{text-align:center}.buffer-component-table input[type=text]{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fffffffa;color:var(--ink-950)}.numeric-field input,.numeric-field output{text-align:right}.required,.field-error{color:var(--danger)}.field-error{font-size:12px}.stack-form,.auth-form{display:grid;gap:14px}.inline-note-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-note-form input{min-width:min(320px,100%);flex:1 1 220px}.parts-section{display:grid;gap:18px}.ticketing-detail-form .parts-section{min-width:0;max-width:100%}.parts-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff)}.ticketing-detail-form .parts-card,.ticketing-detail-form [data-ticket-part-summary],.ticketing-detail-form .parts-form,.ticketing-detail-form .parts-subsection-grid,.ticketing-detail-form .parts-subsection,.ticketing-detail-form .parts-subsection .form-grid{min-width:0;max-width:100%}.ticketing-detail-form .parts-card .table-wrap{max-width:100%;overflow-x:visible}.ticketing-detail-form .parts-table{width:100%;min-width:0;table-layout:fixed}.ticketing-detail-form .parts-table th,.ticketing-detail-form .parts-table td{padding:.7rem .6rem;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.ticketing-detail-form .parts-table th:last-child,.ticketing-detail-form .parts-table td:last-child{width:3rem;text-align:center}.parts-row-info-button{width:2.25rem;min-height:2.25rem}.parts-row-info-button:disabled{cursor:default;opacity:.75}.parts-row-info-button:disabled:hover{border-color:#2563eb2e;background:var(--blue-050);transform:none}.parts-row-info-icon{width:1.25rem;height:1.25rem}.ticketing-detail-form .parts-subsection .field,.ticketing-detail-form .parts-subsection .searchable-combobox,.ticketing-detail-form .parts-subsection input,.ticketing-detail-form .parts-subsection select,.ticketing-detail-form .parts-subsection textarea{min-width:0}.parts-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.parts-card-head h3{margin:0;font-size:15px;color:var(--ink-900)}.parts-card-head p{margin:4px 0 0;color:var(--ink-500);font-size:12px;font-weight:700}.ticket-part-entry-picker{max-width:420px;margin-bottom:14px}.parts-subtitle{margin:8px 0 2px;color:#008cff;font-size:16px;font-weight:800}.parts-form{padding-top:6px;border-top:1px solid rgba(219,228,239,.88)}.parts-subsection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.parts-subsection{overflow:visible;border:1px solid var(--line);border-radius:6px;background:#fff}.parts-subsection-head{padding:12px 14px;border-bottom:1px solid var(--line);background:#f6f8fb;color:var(--ink-900);font-weight:800}.parts-subsection .form-grid{padding:14px}.parts-form-actions{display:flex;justify-content:flex-end;gap:8px}.parts-table th,.parts-table td,.report-table th,.report-table td{white-space:normal;vertical-align:top}.login-page{min-height:100vh;background:linear-gradient(180deg,#fcfdff,#f4f8fd 55%,#eef4fa)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,440px);align-items:stretch;padding:26px;gap:18px}.login-showcase{position:relative;min-height:560px;border:1px solid rgba(219,228,239,.88);border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#ffffff38,#0f172a47),linear-gradient(135deg,#dbeafe,#eff6ff);box-shadow:var(--shadow-lg)}.login-showcase:before{content:"";position:absolute;inset:0;background-image:var(--login-showcase-image, none);background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1}.login-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffffb3,#ffffffb3),linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 88px),linear-gradient(rgba(255,255,255,.08) 0 1px,transparent 1px 88px);opacity:1}.login-panel{width:min(100%,440px);margin-left:auto;align-self:center;background:#fffffff2;border:1px solid rgba(219,228,239,.92);border-radius:8px;padding:30px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ticket-tracking-panel{width:min(100%,760px)}.tracking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tracking-item{display:grid;gap:6px;padding:14px;border:1px solid rgba(219,228,239,.88);border-radius:8px;background:#f8fbffeb}.tracking-item span,.report-grid span,.report-meta span{color:var(--ink-500);font-size:12px;font-weight:700}.tracking-item strong,.report-grid strong,.report-meta strong{color:var(--ink-950);font-size:15px;font-weight:700}.tracking-item.span-all,.report-grid .span-2{grid-column:1 / -1}.fdc-report-page{background:#eff5fb}.report-wrap{display:flex;justify-content:center;padding:24px}.report-sheet{width:min(920px,100%);display:grid;gap:18px;padding:28px;background:#fff;border-radius:8px;box-shadow:var(--shadow)}.report-header,.report-grid{display:grid;gap:14px}.report-header{grid-template-columns:minmax(0,1fr) 220px;align-items:start;border-bottom:1px solid rgba(219,228,239,.88);padding-bottom:18px}.report-header h1,.report-section h2{margin:0}.report-header p{margin:6px 0 0;color:var(--ink-500)}.report-meta{display:grid;gap:6px;padding:14px;border:1px solid rgba(219,228,239,.88);border-radius:8px;background:#f8fbff}.report-section{display:grid;gap:12px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid>div{display:grid;gap:6px;padding:14px;border:1px solid rgba(219,228,239,.88);border-radius:8px}.fdc-report-page{background:#f5f5f5;color:#000;font-family:Arial,sans-serif;font-size:11px;line-height:1.3}.service-report-wrap{display:flex;justify-content:center;padding:20px;overflow-x:auto}.service-report-container{width:min(210mm,calc(100vw - 40px));margin:0 auto;padding:12px;background:#fff;box-shadow:0 0 10px #0000001a}.service-report-company-header{margin-bottom:8px}.service-report-company-header h1{margin:0 0 1px;color:#000;font-size:13px;font-weight:700}.service-report-company-header h1 span{font-size:11px;font-weight:400}.service-report-company-header p{margin:0;color:#000;font-size:9px;line-height:1.2}.service-report-title-bar{padding:6px;border:2px solid #000000;background:#d3d3d3;text-align:center}.service-report-title-bar h2{margin:0;color:#000;font-size:16px;font-weight:700;letter-spacing:2px}.service-report-section-header,.service-report-section-header-split{border:1px solid #000000;border-top:0;background:#4a4a4a;color:#fff;font-size:10px;font-weight:700}.service-report-section-header{padding:3px 8px}.service-report-section-header-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.service-report-section-header-split>div{padding:3px 8px}.service-report-section-header-split>div+div{border-left:1px solid #000000}.service-report-info-grid,.service-report-checkbox-table,.service-report-parts-table,.service-report-acknowledgement-table,.service-report-ack-fields,.service-report-shipment-table{width:100%;border-collapse:collapse}.service-report-info-grid{border:1px solid #000000;border-top:0}.service-report-info-grid td{padding:3px 5px;border:1px solid #000000;color:#000;font-size:10px;vertical-align:middle}.service-report-info-grid .label-cell{width:12%;background:#e8e8e8;font-weight:700}.service-report-info-grid .value-cell{width:38%}.service-report-info-grid .value-cell-small{width:16%}.service-report-info-grid .service-report-remark-label{width:12%}.service-report-info-grid .replacement-unit-label{width:18%;font-style:italic}.service-report-info-grid .replacement-model-label{width:10%}.service-report-info-grid .replacement-model-value{width:31%}.service-report-info-grid .replacement-serial-label{width:14%}.service-report-info-grid .replacement-serial-value{width:27%}.service-report-checkbox-table td{padding:6px 3px;border:1px solid #000000;text-align:center;vertical-align:middle}.service-report-checkbox-table .label-col{width:12%;background:#e8e8e8;font-size:9px;font-weight:700;text-align:left}.service-report-checkbox-table .check-col{width:14.6%;min-height:40px}.service-report-checkbox-table .check-col-label{display:block;margin-top:3px;color:#000;font-size:8px;line-height:1.1;word-wrap:break-word}.service-report-container .yellow-section{background:#ffeb3b}.service-report-checkbox{display:inline-block;width:14px;height:14px;border:2px solid #000000;background:#fff;font-size:11px;line-height:11px;text-align:center}.service-report-checkbox.checked:after{content:"✓";font-weight:700}.service-report-parts-table th{padding:5px 4px;border:1px solid #000000;background:#ffeb3b;color:#000;font-size:9px;font-weight:700;text-align:center}.service-report-parts-table th.defective-part-col{width:16%}.service-report-parts-table td{min-height:22px;padding:5px 4px;border:1px solid #000000;color:#000;font-size:9px;vertical-align:top}.service-report-acknowledgement-box{padding:6px;border:1px solid #000000;border-top:0;color:#000;font-size:9px;line-height:1.4}.service-report-acknowledgement-box p{margin:0 0 4px}.service-report-acknowledgement-box .important{font-weight:700}.service-report-acknowledgement-table{border:1px solid #000000;border-top:0}.service-report-acknowledgement-table td{padding:6px;border:1px solid #000000;color:#000;vertical-align:top}.service-report-acknowledgement-table .ack-left{width:35%;font-size:8px;font-style:italic;line-height:1.4}.service-report-acknowledgement-table .ack-left strong{font-size:9px;font-style:normal}.service-report-acknowledgement-table .ack-middle{width:30%;padding:0}.service-report-acknowledgement-table .ack-signature{width:35%;padding:8px;font-size:8px;font-style:italic;text-align:right;vertical-align:bottom}.service-report-ack-fields td{padding:5px;border:0;border-bottom:1px solid #000000;font-size:9px}.service-report-ack-fields tr:last-child td{border-bottom:0}.service-report-ack-fields .ack-label{width:50px;border-right:1px solid #000000}.service-report-ack-fields .ack-value{background:#fff}.service-report-shipment-table td{padding:4px 6px;border:1px solid #000000;color:#000;font-size:9px;text-align:center}.service-report-shipment-table .label-col{width:16%;background:#e8e8e8;font-weight:700}.service-report-shipment-table .value-col{width:17.3%}.service-report-footer{padding:5px;color:#00f;font-size:10px;font-weight:700;text-align:center}.service-report-button-container{margin-top:20px;text-align:center}.service-report-print-button{padding:12px 30px;border:2px solid #333333;background:#333;color:#fff;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s ease,color .2s ease}.service-report-print-button:hover{background:#fff;color:#333}@media(max-width:860px){.service-report-wrap{justify-content:flex-start}.service-report-container{width:760px;min-width:760px}}@media print{body.fdc-report-page{min-height:auto;padding:0;background:#fff}.service-report-wrap{display:block;padding:0;overflow:visible}.service-report-container{width:100%;max-width:100%;padding:8px;box-shadow:none}.service-report-no-print{display:none!important}}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:26px}.login-brand-centered{justify-content:center;text-align:center}.login-logo{display:block;width:min(260px,76%);max-height:150px;object-fit:contain}.login-brand h2{margin:0;font-size:24px;color:var(--ink-950)}.login-brand p{margin:2px 0 0;color:var(--ink-500);font-size:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1180px){.fdc-shell{grid-template-columns:220px minmax(0,1fr)}.dashboard-grid,.content-grid.two-col,.form-grid,.report-grid,.tracking-grid,.form-grid.form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.form-grid-12{grid-template-columns:repeat(6,minmax(0,1fr))}.form-grid-12 .span-2,.form-grid-12 .span-3,.form-grid-12 .span-4{--grid-span: 3;grid-column:span 3}.form-grid-12 .span-5,.form-grid-12 .span-6,.form-grid-12 .span-7,.form-grid-12 .span-8,.form-grid-12 .span-9,.form-grid-12 .span-10,.form-grid-12 .span-11,.form-grid-12 .span-12{--grid-span: 6;grid-column:span 6}.span-3,.span-4{--grid-span: 2;grid-column:span 2}.login-wrap{grid-template-columns:1fr minmax(340px,420px)}}@media(max-width:940px){.fdc-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{overflow:visible}.topbar{position:static}.login-wrap{grid-template-columns:1fr}.login-showcase{min-height:280px}.login-panel{width:100%;margin-left:0}.parts-subsection-grid{grid-template-columns:1fr}}@media(max-width:640px){.main{padding:16px}.topbar,.toolbar,.topbar-actions,.toolbar-actions,.panel-head,.record-head{align-items:stretch;flex-direction:column}.page-title-wrap{align-items:flex-start;flex-direction:column}.search-field input{min-width:0}.dashboard-grid,.content-grid.two-col,.form-grid,.report-grid,.tracking-grid,.form-grid.form-grid-3,.form-grid.form-grid-12{grid-template-columns:1fr}.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12{--grid-span: 1;grid-column:span 1}.login-wrap{padding:14px}.login-showcase{display:none}.login-panel{padding:24px}.fdc-pagination{align-items:flex-start;flex-direction:column}}:root{--blue-700: #0c5f87;--blue-600: #0c6a92;--blue-500: #1f8dc1;--blue-100: #d6ebf7;--blue-050: #eef7fc;--ink-950: #0f2338;--ink-900: #152c42;--ink-800: #243e54;--ink-700: #3d5368;--ink-600: #51687e;--ink-500: #5a6f86;--ink-400: #7d8f9f;--surface: #e6edf5;--surface-strong: #dce7f0;--panel: #ffffff;--panel-alt: #f4f8fb;--line: #bfcedd;--line-strong: #aebfd0;--danger: #db6a63;--danger-soft: #fae5e2;--success: #59a975;--success-soft: #e5f4ea;--warning: #d3a664;--warning-soft: #f3e4d2;--sand: #c9853e;--sand-soft: #f3e4d2;--shadow-xl: 0 28px 60px rgba(9, 38, 62, .2);--shadow-lg: 0 22px 48px rgba(9, 38, 62, .15);--shadow-md: 0 12px 28px rgba(22, 79, 112, .12);--shadow-sm: 0 8px 20px rgba(26, 64, 92, .06);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 11px;font-family:Inter,IBM Plex Sans,Aptos,Segoe UI,ui-sans-serif,sans-serif}body{background:radial-gradient(circle at 10% -10%,rgba(31,141,193,.18),transparent 30%),linear-gradient(180deg,#eef4fa,#e6edf5 44%,#dce7f0);color:var(--ink-950);font-family:Inter,IBM Plex Sans,Aptos,Segoe UI,ui-sans-serif,sans-serif}.fdc-shell{grid-template-columns:252px minmax(0,1fr)}.sidebar{gap:16px;padding:20px 12px;background:linear-gradient(130deg,rgba(255,255,255,.06),transparent 28%),linear-gradient(180deg,#0e2e47,#0a1f33);border-right:1px solid #1d3a52;box-shadow:inset -1px 0 #ffffff0a;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{min-height:56px;margin:2px 8px 8px;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;box-shadow:none}.brand-mark{width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 0% 50%,var(--sand) 0 30%,transparent 32%),radial-gradient(circle at 100% 50%,#d8d0c8 0 30%,transparent 32%),linear-gradient(135deg,#167fb1,#0c5f87);color:#f7fcff;box-shadow:0 12px 22px #05111c40}.brand-copy strong{color:#eef6fb;font-size:22px;letter-spacing:-.03em}.brand-copy small{color:#b9d5e8;font-weight:700}.sidebar-context{margin:0 8px;border-color:#ffffff1f;border-radius:var(--radius-sm);background:#ffffff14;box-shadow:none}.sidebar-context-label,.sidebar-context small{color:#9ebbd1}.sidebar-context strong{color:#eef6fb}.nav-list{gap:6px}.nav-item{min-height:44px;border-radius:var(--radius-sm);color:#d2e5f4;font-size:14px;font-weight:700;transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.nav-item:hover{transform:translate(2px);background:#ffffff21;border-color:transparent;color:#f7fcff}.nav-item.is-active{background:linear-gradient(135deg,#167fb1,#0c5f87);border-color:transparent;color:#f7fcff;box-shadow:0 8px 18px #09162340}.main{min-height:100vh;padding:20px 20px 28px}.topbar{top:16px;margin-bottom:18px;padding:18px 22px;border-color:#ced9e4;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffe0,#f6fafec7);box-shadow:0 18px 40px #09263e14}.breadcrumb{color:var(--ink-500);font-size:13px}.breadcrumb a{color:var(--blue-700)}.topbar h1{font-size:32px;letter-spacing:-.03em}.context-chip,.count-pill{background:var(--accent-soft, var(--blue-100));color:var(--blue-700)}.tenant-switch select,.tenant-pill,.user-chip{border-color:var(--line);border-radius:var(--radius-sm);background:#fffffff0;box-shadow:var(--shadow-sm)}.panel,.table-panel,.form-section,.record-head,.toolbar,.modal-card,.parts-card,.compact-list a,.list-row{border-color:var(--line);border-radius:var(--radius-lg);background:#fffffff0;box-shadow:var(--shadow-lg)}.panel,.form-section{padding:18px}.toolbar{align-items:flex-start;overflow:visible;padding:16px}.table-panel{overflow:visible}.table-wrap{overflow-x:auto}.panel-head,.form-section-head,.modal-card>header,.modal-card footer,.pagination-wrap{border-color:#d2ddea}.panel-head h2,.form-section h2,.modal-card h2{color:var(--ink-950);letter-spacing:-.01em}.panel-head-copy p,.form-section-head p{color:var(--ink-500)}.metric-card{min-height:134px;border-color:var(--line);border-radius:var(--radius-md);background:linear-gradient(160deg,#fff,#eef6fb);box-shadow:var(--shadow-sm)}.metric-card:before{height:4px;background:linear-gradient(90deg,var(--metric-accent, var(--blue-600)),var(--sand))}.metric-card:after{background:color-mix(in srgb,var(--metric-accent, var(--blue-600)) 14%,white)}.metric-open{--metric-accent: #0c6a92}.metric-pending{--metric-accent: #d3a664}.metric-done{--metric-accent: #59a975}.metric-pause{--metric-accent: #8fa3aa}.filter-tabs a,.filter-tabs label,.search-field input,.stack-form input,.stack-form select,.field input,.field select,.field textarea,.modal-card .data-table input,.buffer-component-table input[type=text],.check-group,.toggle-field,.field output{border-color:var(--line);border-radius:var(--radius-sm);background:var(--panel-alt);color:#3b4a54;font-weight:600}.field output{background:#f7fbff}.filter-tabs a{min-height:40px;color:#3d4b57}.filter-tabs a:hover,.filter-tabs a.is-active{background:linear-gradient(135deg,#e0f0fa,#d5e8f7);border-color:#0c6a9240;color:var(--blue-700);box-shadow:inset 0 0 0 1px #0c6a9226}.search-field input:focus,.stack-form input:focus,.stack-form select:focus,.field input:focus,.field select:focus,.field textarea:focus,.modal-card .data-table input:focus{border-color:#0c6a9280;background:#fff;box-shadow:0 0 0 3px #0c6a9224}.field>span,.stack-form label,.auth-form label{color:#4d5964;font-size:13px;font-weight:700}.primary-button{border-radius:12px;background:linear-gradient(135deg,#1f8dc1,#0d688f);box-shadow:0 8px 18px #125b7a3d}.primary-button:hover{box-shadow:0 12px 28px #125b7a47}.secondary-button,.icon-button,.danger-outline,.danger-button{border-radius:12px}.secondary-button,.icon-button{background:#fff;color:var(--ink-800);border-color:var(--line)}.secondary-button:hover,.icon-button:hover{border-color:#0c6a9240;background:#f7fbff;color:var(--blue-700)}.danger-button{border-color:var(--danger);background:linear-gradient(135deg,#e98780,#db6a63)}.danger-outline{border-color:#db6a6373;color:#b64d47}.danger-outline:hover{background:#fae5e2}.data-table{border-collapse:separate;border-spacing:0}.data-table th,.data-table td{border-bottom-color:#d6e0ea}.data-table th{background:linear-gradient(180deg,#f8fbfe,#f0f6fb);color:#4b5f74;letter-spacing:.04em}.data-table tbody td:first-child{color:var(--ink-900)}.clickable-row:hover td{background:var(--blue-050)}.row-actions a,.row-actions button{border-radius:10px;color:#526a76}.row-actions a:hover,.row-actions button:hover{border-color:#0c6a9240;background:var(--blue-050);color:var(--blue-700)}.action-dropdown-menu{z-index:120;border-radius:14px;box-shadow:0 18px 42px #09263e2e}.status-badge{background:#edf4f8;color:var(--ink-700)}.status-open,.status-active,.status-good,.status-monitor,.status-panel,.status-super-admin{background:#0c6a9229;color:var(--blue-700)}.status-pending,.status-requested-for-rma,.status-oow{background:#d3a66438;color:#9b6a24}.status-done,.status-approved,.status-approve,.status-yes{background:#59a9752e;color:#3f8759}.fdc-page-control,.fdc-page-number,.fdc-page-gap{border-radius:10px}.fdc-page-control:hover,.fdc-page-number:hover,.fdc-page-number.is-active{border-color:#0c6a9240;background:linear-gradient(135deg,#e0f0fa,#d5e8f7);color:var(--blue-700);box-shadow:inset 0 0 0 1px #0c6a921f}.toast{border-color:#0c6a922e;border-left-color:var(--blue-600);border-radius:14px;box-shadow:0 20px 44px #09263e2e}input[readonly],textarea[readonly],.field input[readonly],.field textarea[readonly],.stack-form input[readonly],.stack-form textarea[readonly],.modal-card .data-table input[readonly],.buffer-component-table input[type=text][readonly]{background:#e5e7eb!important;border-color:#cbd5e1!important;color:#64748b!important;cursor:not-allowed;box-shadow:inset 0 1px 2px #0f172a0a}input:disabled,select:disabled,textarea:disabled,.field input:disabled,.field select:disabled,.field textarea:disabled{background:#e5e7eb!important;border-color:#cbd5e1!important;color:#64748b!important;cursor:not-allowed;opacity:1}.login-page{min-height:100vh;background:#0f172a}.login-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr;place-items:center;min-height:100vh;padding:40px 24px}.login-showcase{display:block;position:fixed;inset:0;z-index:0;min-height:100vh;border:0;border-radius:0;background:linear-gradient(135deg,#0f172a9e,#1e293b66,#ffffff1a),linear-gradient(135deg,#0e2e47,#0a1f33);box-shadow:none}.login-showcase:after{background:linear-gradient(#ffffffb3,#ffffffb3),linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 88px),linear-gradient(rgba(255,255,255,.08) 0 1px,transparent 1px 88px);opacity:1}.login-panel{position:relative;z-index:2;width:min(100%,440px);margin:0;padding:32px;border:1px solid rgba(255,255,255,.35);border-radius:32px;background:#ffffff29;box-shadow:0 38px 90px -34px #0f172ad1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-brand h2,.login-brand p,.auth-form label{color:#fff}.login-brand p{color:#ffffffb8}.auth-form input{width:100%;min-height:2.625rem;padding:.625rem .75rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.auth-form input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f624}.auth-form .primary-button{min-height:46px;border-radius:16px;background:linear-gradient(135deg,#fffffff5,#dbeafeeb);color:#0f172a;box-shadow:0 22px 36px -24px #fffffff2}@media(max-width:940px){.fdc-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:40;height:auto;border-right:0;border-bottom:1px solid #1d3a52}.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{top:0}}@media(max-width:640px){.nav-list{grid-template-columns:1fr}.topbar h1{font-size:28px}.login-panel{padding:24px}}:root{--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-100: #dbeafe;--blue-050: #eff6ff;--ink-950: #0f172a;--ink-900: #172033;--ink-800: #334155;--ink-700: #475569;--ink-600: #64748b;--ink-500: #64748b;--ink-400: #94a3b8;--surface: #f8fafc;--surface-strong: #f1f5f9;--panel: #ffffff;--panel-alt: #f8fafc;--line: #e2e8f0;--line-strong: #cbd5e1;--danger: #dc2626;--danger-soft: #fef2f2;--success: #059669;--success-soft: #ecfdf5;--warning: #d97706;--warning-soft: #fffbeb;--shadow-xl: 0 24px 60px -28px rgba(15, 23, 42, .28);--shadow-lg: 0 2px 12px -4px rgba(0, 0, 0, .04);--shadow-md: 0 12px 28px -18px rgba(15, 23, 42, .25);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);font-family:Inter,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}html,body{margin:0;min-height:100%;background:#f8fafc;color:#0f172a;font-family:Inter,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}.fdc-shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh;background:#f8fafc}.sidebar{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:0;height:100vh;padding:1.5rem .75rem 1rem;background:#fff;border-right:1px solid rgba(226,232,240,.95);box-shadow:4px 0 24px -12px #0000000d;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{display:flex;align-items:center;justify-content:center;min-height:3rem;margin:0 0 1rem;padding:0 1.25rem;border:0;border-radius:0;background:transparent;box-shadow:none}.sidebar-logo{display:block;width:min(8.75rem,100%);height:auto}.brand-mark{display:none}.brand-copy strong{color:#111827;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500;letter-spacing:.14em;line-height:1;text-transform:none}.brand-copy small,.sidebar-context{display:none}.nav-list{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-height:0;padding:0 .25rem;overflow-y:auto}.nav-item,.nav-admin{display:flex;align-items:center;gap:.75rem;min-height:3rem;padding:0 .75rem;border:0;border-radius:.75rem;background:transparent;color:#475569;font-size:.875rem;font-weight:500;letter-spacing:0;box-shadow:none;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.nav-item .icon,.nav-item svg{width:1.25rem;height:1.25rem;color:#94a3b8;fill:currentColor}.nav-item:hover{transform:none;background:#f8fafc;border-color:transparent;color:#2563eb}.nav-item:hover .icon,.nav-item:hover svg{color:#3b82f6}.nav-item.is-active{position:relative;overflow:hidden;background:#eff6ff;border-color:transparent;color:#1d4ed8;font-weight:600;box-shadow:0 1px 3px #0f172a14}.nav-item.is-active .icon,.nav-item.is-active svg{color:#2563eb}.nav-admin{margin-top:auto}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh;padding:0;background:#f8fafc}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:72px;margin:0;padding:0 2rem;border:0;border-bottom:1px solid rgba(226,232,240,.8);border-radius:0;background:#fff;box-shadow:0 4px 20px -16px #0000000d;-webkit-backdrop-filter:none;backdrop-filter:none}.page-head{min-width:0}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.8125rem;font-weight:500}.breadcrumb a{color:#94a3b8}.breadcrumb span:last-child,.breadcrumb a:last-child{color:#334155;font-weight:600}.breadcrumb span:not(:last-child){color:#cbd5e1}.layout-page-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:2rem 2rem .5rem}.layout-page-title-main{display:flex;align-items:center;gap:.75rem;min-width:0}.layout-page-title h1{margin:0;color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.layout-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-left:auto}.title-record-actions{justify-content:flex-end}.context-chip{min-height:1.75rem;padding:0 .75rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:700}.content-shell{display:grid;gap:1rem;padding:1rem 2rem 2rem}.topbar-actions{display:flex;align-items:center;gap:1rem}.tenant-switch select,.tenant-pill{min-height:2.5rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#334155;box-shadow:none;font-size:.875rem;font-weight:600}.tenant-switch select{padding:0 2rem 0 .75rem}.tenant-pill{display:inline-flex;align-items:center;padding:0 .75rem}.topbar-greeting{color:#475569;font-size:.875rem;font-weight:600;white-space:nowrap}.profile-menu{position:relative;display:inline-flex}.avatar-button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid #bfdbfe;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.875rem;font-weight:700;letter-spacing:-.025em;box-shadow:0 1px 3px #0f172a14;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.avatar-button:hover{transform:scale(1.03);background:#bfdbfe}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:80;display:grid;min-width:14rem;padding:.5rem;border:1px solid rgba(226,232,240,.95);border-radius:.875rem;background:#fff;box-shadow:0 18px 40px -24px #0f172a73,0 1px 3px #0f172a14}.profile-dropdown[hidden]{display:none}.profile-dropdown-head{display:grid;gap:.125rem;padding:.625rem .75rem .75rem;border-bottom:1px solid rgba(226,232,240,.9);margin-bottom:.375rem}.profile-dropdown-head strong{color:#0f172a;font-size:.875rem;font-weight:700}.profile-dropdown-head span{color:#64748b;font-size:.75rem;font-weight:600;overflow-wrap:anywhere}.profile-dropdown a,.profile-dropdown button{display:flex;align-items:center;gap:.625rem;width:100%;min-height:2.5rem;padding:0 .75rem;border:0;border-radius:.625rem;background:transparent;color:#475569;font-size:.875rem;font-weight:600;text-align:left;cursor:pointer}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f8fafc;color:#2563eb}.profile-dropdown .icon{width:1rem;height:1rem;color:currentColor;fill:currentColor}.dashboard-overview.panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.dashboard-overview .panel-head{display:grid;gap:.5rem;padding:0;margin:0 0 1rem;border:0;background:transparent}.dashboard-overview .panel-head h2,.panel-head h2,.form-section h2,.modal-card h2{color:#0f172a;font-size:1.125rem;font-weight:700;letter-spacing:0}.dashboard-overview .panel-head-copy p,.panel-head-copy p,.form-section-head p{color:#64748b;font-size:.875rem}.dashboard-overview .count-pill{display:none}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.metric-card{position:relative;min-height:9rem;padding:1.5rem;border:1px solid rgba(226,232,240,.7);border-radius:1rem;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 0 auto auto;width:6rem;height:6rem;border-radius:0 1rem 0 999px;background:var(--metric-soft, #eff6ff)}.metric-card:after{display:none}.metric-card span{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:0;text-transform:none}.metric-card strong{margin-top:.25rem;color:#0f172a;font-size:1.875rem;font-weight:700;line-height:1}.metric-card small{margin-top:.5rem;color:#64748b;font-size:.875rem;font-weight:400}.metric-open{--metric-soft: #eff6ff}.metric-pending{--metric-soft: #fffbeb}.metric-done{--metric-soft: #ecfdf5}.metric-pause{--metric-soft: #f8fafc}.panel,.table-panel,.form-section,.record-head{border:1px solid rgba(226,232,240,.6);border-radius:1rem;background:#fff;box-shadow:var(--shadow-lg)}.panel,.form-section{padding:1.5rem}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.filter-tabs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0;width:fit-content;padding:.25rem;border:1px solid rgba(226,232,240,.6);border-radius:.75rem;background:#fff;box-shadow:var(--shadow-lg)}.filter-tabs a,.filter-tabs button{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem 1rem;border:0;border-radius:.5rem;background:transparent;color:#475569;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:none;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.filter-tabs a:hover,.filter-tabs button:hover{background:#f8fafc;color:#0f172a}.filter-tabs a.is-active,.filter-tabs button.is-active{background:#eff6ff;color:#1d4ed8;box-shadow:0 1px 2px #0f172a0f}[data-spare-tab-panel][hidden]{display:none!important}.filter-tabs label:not(.search-field){display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 .75rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#334155;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-sm)}.filter-tabs select{min-height:2rem;border:0;background:transparent;color:#334155;font-weight:500}.search-field{display:inline-flex;align-items:center;gap:.5rem;position:relative;color:#334155;font-size:.875rem;font-weight:600}.search-field>span{display:none}.search-field:before{content:"";position:absolute;left:.875rem;top:50%;width:.875rem;height:.875rem;border:2px solid #94a3b8;border-radius:999px;transform:translateY(-55%);pointer-events:none}.search-field:after{content:"";position:absolute;left:1.625rem;top:50%;width:.45rem;height:2px;border-radius:999px;background:#94a3b8;transform:translateY(.35rem) rotate(45deg);pointer-events:none}.search-field input{min-width:18rem;min-height:2.5rem;padding:.5rem 1rem .5rem 2.5rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm)}.search-field input::placeholder{color:#94a3b8}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.primary-button,.secondary-button,.icon-button,.danger-outline,.danger-button{min-height:2.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600}.primary-button{background:#2563eb;color:#fff;box-shadow:var(--shadow-sm)}.primary-button:hover{background:#1d4ed8;box-shadow:var(--shadow-sm)}.secondary-button,.icon-button{border:1px solid rgba(226,232,240,.8);background:#fff;color:#475569;box-shadow:var(--shadow-sm)}.secondary-button:hover,.icon-button:hover{border-color:#bfdbfee6;background:#f8fafc;color:#2563eb}.icon-button{width:2.5rem}.action-dropdown-menu{z-index:120;min-width:13rem;padding:.25rem 0;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;box-shadow:0 12px 28px -12px #0f172a2e;overflow:hidden}.action-dropdown-menu a,.dropdown-upload{position:relative;min-height:2.5rem;padding:.625rem 1rem;border-radius:0;color:#334155;font-size:.875rem;font-weight:500}.action-dropdown-menu a:hover,.dropdown-upload:hover{background:#f8fafc;color:#2563eb}.table-panel{display:grid;overflow:hidden}.count-pill{min-width:2rem;min-height:2rem;padding:0 .75rem;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:.875rem;font-weight:600}.data-table{width:100%;border-collapse:collapse;border-spacing:0;background:#fff}.data-table th,.data-table td{padding:1rem 1.5rem;border-bottom:1px solid rgba(226,232,240,.6);text-align:left;vertical-align:middle;white-space:nowrap}.data-table th{position:static;background:#f8fafccc;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table td{color:#334155;font-size:.875rem;font-weight:500}.data-table tbody td:first-child{color:#0f172a;font-weight:600}.row-actions{gap:.5rem}.row-actions a,.row-actions button{width:2.5rem;height:2.5rem;border:1px solid rgba(203,213,225,.95);border-radius:.75rem;background:#fff;color:#64748b;box-shadow:none}.row-actions a:hover,.row-actions button:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.pagination-wrap{padding:.875rem 1.125rem;border-top:0;background:#fff}.fdc-page-control,.fdc-page-number,.fdc-page-gap{min-width:2.25rem;height:2.25rem;border:0;border-radius:.5rem;background:#fff;color:#475569;font-size:.875rem;font-weight:500}.fdc-page-number.is-active{background:#eff6ff;color:#2563eb;font-weight:700;box-shadow:none}.record-head{padding:1.25rem 1.5rem}.section-kicker{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.05em}.record-context strong{color:#0f172a;font-size:1.125rem;font-weight:700}.form-section-head{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.6)}.field{gap:.5rem}.field>span,.stack-form label,.auth-form label{color:#475569;font-size:.8125rem;font-weight:600}.login-panel .auth-form label{color:#475569}.search-field input,.stack-form input,.stack-form select,.stack-form textarea,.field input,.field select,.field textarea,.modal-card .data-table input,.buffer-component-table input[type=text]{width:100%;min-height:2.625rem;padding:.625rem .75rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.field textarea,.stack-form textarea{min-height:6rem}.field output,.check-group,.toggle-field{min-height:2.625rem;padding:.625rem .75rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#f8fafc;color:#0f172a;font-size:.875rem;font-weight:500}.search-field input:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.modal-card .data-table input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f624}.form-grid>.field{align-self:start}.field>input:not([type=file]),.field>select:not([multiple]),.stack-form input:not([type=file]),.stack-form select:not([multiple]){height:2.625rem;min-height:2.625rem;align-self:start}.field>select:not([multiple]),.stack-form select:not([multiple]){appearance:none;padding-right:2.5rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364758B' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;line-height:1.25rem}.searchable-combobox{position:relative;width:100%}.summary-form,.module-detail-form,.user-detail-form,.summary-form .form-section,.module-detail-form .form-section,.user-detail-form .form-section,.summary-form .form-grid,.module-detail-form .form-grid,.user-detail-form .form-grid,.summary-form .field,.module-detail-form .field,.user-detail-form .field{overflow:visible}.summary-form.has-open-combobox,.module-detail-form.has-open-combobox,.user-detail-form.has-open-combobox,.form-section.has-open-combobox,.field.has-open-combobox,.searchable-combobox.is-open{position:relative}.summary-form.has-open-combobox,.module-detail-form.has-open-combobox,.user-detail-form.has-open-combobox{z-index:200}.form-section.has-open-combobox{z-index:300}.field.has-open-combobox{z-index:400}.searchable-combobox.is-open{z-index:500}.searchable-combobox input{height:2.625rem;min-height:2.625rem;padding-right:2.75rem}.searchable-combobox-toggle{position:absolute;top:1px;right:1px;z-index:2;display:grid;place-items:center;width:2.5rem;height:calc(2.625rem - 2px);border:0;border-left:1px solid rgba(226,232,240,.8);border-radius:0 .75rem .75rem 0;background:transparent;color:#64748b;cursor:pointer}.searchable-combobox-toggle .icon{width:1rem;height:1rem;transform:rotate(90deg);transition:transform .16s ease}.searchable-combobox.is-open .searchable-combobox-toggle .icon{transform:rotate(-90deg)}.searchable-combobox-menu{position:absolute;top:calc(100% + .375rem);left:0;right:0;z-index:1000;max-height:14rem;overflow-y:auto;padding:.375rem;border:1px solid rgba(226,232,240,.95);border-radius:.75rem;background:#fff;box-shadow:0 18px 40px -22px #0f172a59}.searchable-combobox-menu.is-portaled{z-index:5000;box-shadow:0 24px 56px -24px #0f172a73,0 0 0 1px #e2e8f08c}.searchable-combobox-menu.opens-above{box-shadow:0 -24px 56px -24px #0f172a73,0 0 0 1px #e2e8f08c}.searchable-combobox-menu[hidden]{display:none}.searchable-combobox-menu button,.searchable-combobox-empty{width:100%;min-height:2.25rem;padding:.5rem .625rem;border:0;border-radius:.5rem;background:transparent;color:#334155;font-size:.875rem;font-weight:500;text-align:left}.searchable-combobox-menu button{cursor:pointer}.searchable-combobox-menu button:hover,.searchable-combobox-menu button.is-active{background:#eff6ff;color:#1d4ed8}.searchable-combobox-menu .searchable-combobox-create{margin-top:.25rem;border-top:1px solid rgba(226,232,240,.9);border-radius:.5rem;color:#2563eb;font-weight:800}.searchable-combobox-menu .searchable-combobox-create:hover,.searchable-combobox-menu .searchable-combobox-create.is-active{background:#dbeafe;color:#1d4ed8}.searchable-combobox-empty{color:#64748b}input[readonly],textarea[readonly],.field input[readonly],.field textarea[readonly],.stack-form input[readonly],.stack-form textarea[readonly],.modal-card .data-table input[readonly],.buffer-component-table input[type=text][readonly]{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#64748b!important;cursor:not-allowed;box-shadow:none}input:disabled,select:disabled,textarea:disabled,.field input:disabled,.field select:disabled,.field textarea:disabled{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#64748b!important;cursor:not-allowed;opacity:1;box-shadow:none}.status-badge{padding:.375rem .625rem;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:600}.status-open,.status-active,.status-good,.status-monitor,.status-panel,.status-super-admin{background:#dbeafe;color:#1d4ed8}.status-pending,.status-requested-for-rma,.status-oow{background:#fef3c7;color:#92400e}.status-done,.status-approved,.status-approve,.status-yes{background:#dcfce7;color:#166534}.status-defect,.status-scrapped,.status-reject,.status-not-good,.status-unactive,.status-inactive,.status-no{background:#fee2e2;color:#991b1b}.modal-shell{background:#0f172a57}.modal-card{border:1px solid rgba(226,232,240,.8);border-radius:1rem;background:#fff;box-shadow:0 24px 60px -20px #0f172a4d}.modal-card>header,.modal-card footer{padding:1rem 1.5rem;border-color:#e2e8f0cc}.modal-card form{padding:1.5rem}.toast{border:1px solid rgba(209,250,229,.8);border-radius:.75rem;background:#fff;color:#065f46;box-shadow:0 18px 40px -18px #0f172a59}.toast-error{border-color:#fecacae6;border-left-color:var(--danger);color:#991b1b}@media(max-width:1180px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.fdc-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(226,232,240,.95)}.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{position:sticky;min-height:auto;padding:1rem}.layout-page-title,.content-shell{margin-left:0;margin-right:0;padding-left:1rem;padding-right:1rem}.sticky-save-footer{left:0;padding-right:1rem;padding-left:1rem}}@media(max-width:640px){.topbar,.toolbar,.topbar-actions,.toolbar-actions,.panel-head,.record-head{align-items:stretch;flex-direction:column}.nav-list,.dashboard-grid{grid-template-columns:1fr}.search-field input{min-width:0}.sticky-save-footer{padding:12px}.sticky-save-footer .primary-button{width:100%}}html,body,.fdc-shell,button,input,select,textarea,table,summary,output{font-family:Inter,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif!important}.brand-copy strong{font-family:Inter,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif!important;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.toolbar .search-field,.filter-tabs .search-field,.panel-head .search-field{position:relative;display:block;width:min(20rem,100%);max-width:20rem;height:2.625rem;color:#64748b;font-size:.875rem;font-weight:500}.toolbar .search-field>span,.filter-tabs .search-field>span,.panel-head .search-field>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toolbar .search-field:before,.filter-tabs .search-field:before,.panel-head .search-field:before{content:"";position:absolute;left:.875rem;top:50%;width:1.125rem;height:1.125rem;border:2px solid #94a3b8;border-radius:999px;transform:translateY(-55%);pointer-events:none;z-index:1}.toolbar .search-field:after,.filter-tabs .search-field:after,.panel-head .search-field:after{content:"";position:absolute;left:1.79rem;top:50%;width:.5rem;height:2px;border-radius:999px;background:#94a3b8;transform:translateY(.42rem) rotate(45deg);pointer-events:none;z-index:1}.toolbar .search-field input,.filter-tabs .search-field input,.panel-head .search-field input{display:block;width:100%;min-width:0;height:2.625rem;min-height:2.625rem;padding:.5rem 1rem .5rem 2.5rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:500;line-height:1.5rem;box-shadow:0 1px 2px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease}.toolbar .search-field input::placeholder,.filter-tabs .search-field input::placeholder,.panel-head .search-field input::placeholder{color:#94a3b8}.toolbar .search-field:focus-within,.filter-tabs .search-field:focus-within,.panel-head .search-field:focus-within{border-radius:.75rem;box-shadow:0 0 0 3px #3b82f624}.toolbar .search-field input:focus,.filter-tabs .search-field input:focus,.panel-head .search-field input:focus{outline:none;border-color:#3b82f6;box-shadow:none}@media(max-width:640px){.toolbar .search-field,.filter-tabs .search-field,.panel-head .search-field{width:100%;max-width:none}}.index-toolbar{display:flex;flex-direction:column;gap:1rem;width:100%}.index-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-width:0}.index-controls-row-filter-only{align-items:stretch}.index-filter-card{width:100%;padding:1rem;border:1px solid rgba(226,232,240,.8);border-radius:1rem;background:#fff;box-shadow:0 2px 12px -6px #0f172a24}.index-controls{display:flex;flex:1 1 auto;align-items:center;gap:1rem;flex-wrap:wrap;min-width:0}.index-filter-card .index-controls{width:100%}.index-control{display:inline-flex;align-items:center;gap:.75rem;min-width:0;color:#334155;font-family:Inter,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif!important;font-size:.875rem;font-weight:700;line-height:1.25rem}.index-control span{color:#334155;font-weight:700;white-space:nowrap}.index-control select{width:16rem;max-width:100%;height:2.75rem;min-height:2.75rem;appearance:none;padding:.5rem 2.5rem .5rem 1rem;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364758B' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;color:#475569;font-family:Inter,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif!important;font-size:.875rem;font-weight:400;line-height:1.5rem;box-shadow:0 1px 2px #0f172a0a;transition:border-color .18s ease,box-shadow .18s ease}.index-control select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f624}.index-control option{font-weight:400}.index-controls .search-field{flex:1 1 20rem;width:auto;min-width:min(20rem,100%);max-width:26rem;margin-left:auto}.index-controls .search-field input{height:2.75rem;min-height:2.75rem;color:#475569;font-size:.875rem;font-weight:400}.index-controls .search-field input::placeholder{color:#94a3b8;font-weight:400}.title-toolbar-actions{justify-content:flex-end;row-gap:.5rem;max-width:100%}.layout-title-actions .title-toolbar-actions{flex-wrap:wrap}.buffer-readonly-title-note{margin-top:0;margin-right:.5rem;text-align:right}.title-toolbar-actions .danger-outline,.title-toolbar-actions .secondary-button,.title-toolbar-actions .primary-button{min-height:2.5rem;padding-right:.875rem;padding-left:.875rem}.panel-head .panel-search-field{flex:0 1 24rem;width:min(24rem,100%);max-width:24rem;margin-left:auto}.index-tabs{gap:.125rem;width:fit-content;max-width:100%;overflow-x:auto}@media(max-width:1024px){.index-controls-row,.index-controls{align-items:stretch;flex-direction:column}.index-control,.index-control select,.index-controls .search-field{width:100%;max-width:none}.index-controls .search-field{margin-left:0}.toolbar-actions{justify-content:flex-start}}.main,.content-shell,.content-shell>*,.content-grid,.content-grid>*,.panel,.compact-list,.compact-list>*,.list-row,.toolbar,.index-toolbar,.index-controls-row,.index-controls,.table-panel,.table-wrap,.pagination-wrap{min-width:0;max-width:100%}.main{overflow-x:hidden}.content-shell{width:100%;overflow-x:clip}.toolbar,.index-toolbar{overflow:visible}.table-panel{width:100%;overflow:hidden}.table-panel .data-table{min-width:max-content}.table-panel .data-table th,.table-panel .data-table td{max-width:22rem}.toolbar-actions{flex:0 1 auto;min-width:0}@media(max-width:1280px){.index-controls-row{align-items:flex-start;flex-direction:column}.index-controls .search-field{margin-left:0}.toolbar-actions{justify-content:flex-start;width:100%}.layout-title-actions .title-toolbar-actions{justify-content:flex-end;width:auto}}@media(max-width:1024px){.layout-page-title{align-items:flex-start;flex-direction:column}.layout-title-actions{width:100%;margin-left:0}.layout-title-actions .title-toolbar-actions{justify-content:flex-start;width:100%}}.table-panel{display:grid;width:100%;border:1px solid rgba(226,232,240,.6);border-radius:1rem;background:#fff;box-shadow:0 2px 12px -4px #0f172a14;overflow:hidden}.table-panel .panel-head{padding:1.25rem 1.5rem;margin:0;border-bottom:1px solid rgba(226,232,240,.6);background:#fff}.panel-head-copy h2{color:#0f172a;font-size:1.125rem;font-weight:700;letter-spacing:-.015em}.panel-head-copy p{color:#64748b;font-size:.875rem;font-weight:500}.table-wrap{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.table-panel .data-table{width:100%;min-width:860px;border-collapse:collapse;border-spacing:0;background:#fff}.table-panel .data-table th,.table-panel .data-table td{max-width:none;padding:1rem 1.5rem;border-bottom:1px solid rgba(226,232,240,.6);text-align:left;vertical-align:middle;white-space:nowrap}.table-panel .data-table th{position:static;background:#f8fafccc;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-panel .data-table td{color:#334155;font-size:.875rem;font-weight:500}.table-panel .data-table tbody td:first-child{color:#0f172a;font-weight:600}.table-panel .data-table tbody tr{transition:background-color .16s ease}.table-panel .data-table tbody tr:last-child td{border-bottom:0}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f8fafc}.table-panel .data-table .numeric,.numeric{text-align:right}.table-panel .data-table .select-col{width:.8rem;min-width:2rem;padding-right:.25rem;padding-left:.25rem;text-align:center!important;white-space:nowrap}.actions-col{width:6rem;text-align:center!important}.empty-state{padding:2rem 1.5rem!important;background:#f8fafc80;color:#64748b;font-size:.875rem;font-weight:500;text-align:center!important}.index-action-menu{display:inline-flex;justify-content:center;vertical-align:middle}.index-action-menu .index-action-trigger{width:2rem;height:2rem;min-height:2rem;border:1px solid transparent;border-radius:.5rem;background:transparent;color:#94a3b8;box-shadow:none;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.index-action-menu .index-action-trigger:hover,.index-action-menu[open] .index-action-trigger{border-color:transparent;background:#f1f5f9;color:#334155}.index-action-menu .action-dropdown-menu{z-index:1000;min-width:10rem;padding:.25rem 0;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;box-shadow:0 16px 32px -18px #0f172a47;overflow:hidden}.action-dropdown-menu.is-index-action-portaled{z-index:5000;min-width:10rem;padding:.25rem 0;border:1px solid rgba(226,232,240,.8);border-radius:.75rem;background:#fff;box-shadow:0 16px 32px -18px #0f172a47;overflow:hidden}.index-action-menu.is-positioned .action-dropdown-menu{position:fixed;top:var(--action-menu-top);left:var(--action-menu-left);right:auto;width:var(--action-menu-width)}.action-dropdown-menu a,.action-dropdown-menu button,.dropdown-upload{position:relative;display:flex;align-items:center;width:100%;min-height:2.5rem;padding:.625rem 1rem;border:0;border-radius:0;background:#fff;color:#334155;font-family:Inter,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif!important;font-size:.875rem;font-weight:500;line-height:1.25rem;text-align:left;text-decoration:none;cursor:pointer}.action-dropdown-menu a:hover,.action-dropdown-menu button:hover,.dropdown-upload:hover{background:#f8fafc;color:#2563eb}.action-dropdown-menu form{margin:0}.panel-inventory-table-panel .table-wrap,.panel-inventory-table-panel{overflow:visible}.panel-inventory-table-panel .data-table.panel-inventory-index-table{width:100%;min-width:0;table-layout:fixed}.table-panel .data-table.panel-inventory-index-table th,.table-panel .data-table.panel-inventory-index-table td{padding:.625rem .65rem;overflow:hidden;font-size:.75rem;line-height:1.2;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.table-panel .data-table.panel-inventory-index-table th{font-size:.6875rem;line-height:1.15;letter-spacing:.025em;text-align:left}.table-panel .data-table.panel-inventory-index-table td{font-size:.75rem;font-weight:600}.panel-inventory-index-table .status-badge{max-width:100%;padding:.25rem .45rem;font-size:.6875rem}.table-panel .data-table.panel-inventory-index-table .actions-col{width:2.5rem;overflow:visible;padding-right:.1rem;padding-left:.1rem}.table-panel .data-table.panel-inventory-index-table .panel-inventory-column-status,.table-panel .data-table.panel-inventory-index-table .actions-col{text-align:center}.panel-inventory-index-table .panel-inventory-column-box-no{width:7%}.panel-inventory-index-table .panel-inventory-column-brand{width:10%}.panel-inventory-index-table .panel-inventory-column-monitor-model,.panel-inventory-index-table .panel-inventory-column-panel-model{width:11%}.panel-inventory-index-table .panel-inventory-column-panel-sn{width:14%}.panel-inventory-index-table .panel-inventory-column-owned-by{width:8%}.panel-inventory-index-table .panel-inventory-column-odm{width:11%}.panel-inventory-index-table .panel-inventory-column-status{width:9%}.buffer-list-table-panel .table-wrap{overflow-x:auto;overflow-y:visible}.table-panel .data-table.buffer-list-index-table{width:100%;min-width:0;table-layout:auto}.table-panel .data-table.buffer-list-index-table th,.table-panel .data-table.buffer-list-index-table td{overflow:visible;overflow-wrap:normal;white-space:nowrap}.table-panel .data-table.buffer-list-index-table .select-col{width:2.5rem;min-width:2.5rem;max-width:2.5rem;padding-right:.45rem;padding-left:.75rem;overflow:visible}.table-panel .data-table.buffer-list-index-table .select-col input[type=checkbox]{display:block;margin:0}.table-panel .data-table.buffer-list-index-table .actions-col,.table-panel .data-table.buffer-list-index-table .buffer-list-column{width:1%}.table-panel .data-table.buffer-list-index-table .actions-col{padding:.625rem .65rem}.table-panel .data-table.buffer-list-index-table .buffer-list-column-serial-number{width:100%;min-width:12rem}.table-panel .data-table.buffer-list-index-table .buffer-list-column-panel,.table-panel .data-table.buffer-list-index-table .buffer-list-column-keypad,.table-panel .data-table.buffer-list-index-table .buffer-list-column-power-board,.table-panel .data-table.buffer-list-index-table .buffer-list-column-main-board,.table-panel .data-table.buffer-list-index-table .actions-col{text-align:center}.spare-parts-table-panel .table-wrap{overflow-x:hidden;overflow-y:visible}.table-panel .data-table.spare-parts-index-table{width:100%;min-width:0;table-layout:auto}.table-panel .data-table.spare-parts-index-table th,.table-panel .data-table.spare-parts-index-table td{padding:.625rem .65rem;overflow:hidden;font-size:.75rem;line-height:1.2;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}.table-panel .data-table.spare-parts-index-table th{font-size:.6875rem;line-height:1.15;letter-spacing:.025em}.table-panel .data-table.spare-parts-index-table td{font-size:.75rem;font-weight:600}.table-panel .data-table.spare-parts-index-table .select-col{width:2.5rem;min-width:2.5rem;max-width:2.5rem;padding-right:.45rem;padding-left:.75rem;overflow:visible}.table-panel .data-table.spare-parts-index-table .select-col input[type=checkbox]{display:block;margin:0}.table-panel .data-table.spare-parts-index-table .actions-col,.table-panel .data-table.spare-parts-index-table .spare-parts-column{width:1%}.table-panel .data-table.spare-parts-index-table .spare-parts-column-model,.table-panel .data-table.spare-parts-index-table .spare-parts-column-description{width:50%;min-width:8rem}.table-panel .data-table.spare-parts-index-table .spare-parts-column-quantity{text-align:right}.spare-transaction-table-panel .spare-transaction-tabs{margin:1rem 0}.spare-transaction-table-panel .table-wrap{overflow-x:hidden;overflow-y:visible}.table-panel .data-table.spare-transaction-index-table{width:100%;min-width:0;table-layout:fixed}.table-panel .data-table.spare-transaction-index-table th,.table-panel .data-table.spare-transaction-index-table td{padding:.625rem .65rem;overflow:hidden;font-size:.75rem;line-height:1.2;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}.table-panel .data-table.spare-transaction-index-table th{font-size:.6875rem;line-height:1.15;letter-spacing:.025em}.table-panel .data-table.spare-transaction-index-table td{font-size:.75rem;font-weight:600}.table-panel .data-table.spare-transaction-index-table .select-col{width:2.5rem;min-width:2.5rem;max-width:2.5rem;padding-right:.45rem;padding-left:.75rem;overflow:visible}.table-panel .data-table.spare-transaction-index-table .select-col input[type=checkbox]{display:block;margin:0}.table-panel .data-table.spare-transaction-index-table .status-badge{max-width:100%;padding:.25rem .45rem;overflow:hidden;font-size:.6875rem;text-overflow:ellipsis}.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-date{width:6.5%}.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-type,.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-status,.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-brand,.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-model{width:6%}.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-in,.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-out{width:3.5%}.table-panel .data-table.spare-transaction-index-table .actions-col{width:5rem;min-width:5rem;overflow:visible;text-overflow:clip}.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-part-number,.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-description,.table-panel .data-table.spare-transaction-index-table .spare-transaction-column-remarks{width:18%}.table-panel .data-table.spare-transaction-index-table .spare-transaction-value-in{color:#15803d;font-weight:800}.table-panel .data-table.spare-transaction-index-table .spare-transaction-value-out{color:#b91c1c;font-weight:800}.buffer-list-form .inline-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.buffer-pending-row td{color:#9a9494}.buffer-component-flag{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid rgba(15,23,42,.12)}.buffer-component-flag .icon{width:.875rem;height:.875rem}.buffer-component-flag.is-yes{color:#0f766e;background:#0f766e1f}.buffer-component-flag.is-no{color:#c2410c;background:#c2410c1f}.table-panel .data-table.buffer-list-index-table .buffer-component-flag,.buffer-component-table-view .buffer-component-flag{width:auto;height:auto;border:0;border-radius:0;background:transparent}.table-panel .data-table.buffer-list-index-table .buffer-component-flag .icon,.buffer-component-table-view .buffer-component-flag .icon{width:1.125rem;height:1.125rem}.table-panel .data-table.buffer-list-index-table .buffer-component-flag.is-yes,.buffer-component-table-view .buffer-component-flag.is-yes{color:#16a34a;background:transparent}.table-panel .data-table.buffer-list-index-table .buffer-component-flag.is-no,.buffer-component-table-view .buffer-component-flag.is-no{color:#dc2626;background:transparent}.compact-table tfoot td{font-weight:600}.pagination-wrap{padding:0;border-top:1px solid rgba(226,232,240,.6);background:#fff}.fdc-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.5rem}.fdc-pagination-summary{color:#64748b;font-size:.875rem;font-weight:500}.fdc-pagination-links{display:inline-flex;align-items:center;gap:.25rem}.fdc-page-control,.fdc-page-number,.fdc-page-gap{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .75rem;border:0;border-radius:.5rem;background:#fff;color:#475569;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .16s ease,color .16s ease}.fdc-page-control:hover,.fdc-page-number:hover{background:#f8fafc;color:#0f172a}.fdc-page-number.is-active{background:#eff6ff;color:#2563eb;font-weight:700}.fdc-page-control.is-disabled{color:#94a3b8;cursor:not-allowed;opacity:.5}.summary-view .form-section{padding:1.25rem 1.5rem}.summary-view,.summary-view .form-section,.summary-view .summary-grid,.summary-view .summary-item{min-width:0;max-width:100%}.summary-view .form-section{overflow:hidden}.summary-view .summary-item dt,.summary-view .summary-item dd{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}.summary-view .summary-item dd.pre-line{white-space:pre-wrap}.summary-view .table-wrap{max-width:100%;overflow-x:auto}.spare-view-tabbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.spare-view-balance-row{display:flex;align-items:baseline;justify-content:flex-end;gap:.75rem;margin:0;color:#475569}.spare-view-balance-row span{font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.spare-view-balance-row strong{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1}.spare-detail-panel,.spare-transaction-summary-section{margin-top:1rem}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem 2rem;margin:0}.summary-grid.summary-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid.summary-grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}.summary-item{display:grid;align-content:start;gap:.35rem;min-width:0}.summary-item.summary-item-align-top{align-self:start;align-content:start}.summary-item.summary-item-align-top dd{align-self:start}.summary-item dt{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.04em;line-height:1.25;text-transform:uppercase}.summary-item dd{margin:0;color:#0f172a;font-size:.9375rem;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.summary-item dd.pre-line{white-space:pre-line}.summary-item.numeric-field dd{text-align:right}.summary-item .file-list{display:flex;flex-wrap:wrap;gap:.375rem}.transaction-status{font-weight:800}.data-table tbody td.transaction-date{color:#334155;font-weight:500}.transaction-details-cell{text-align:center}.transaction-remarks-cell{max-width:24rem;min-width:12rem;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.45}.transaction-details-cell.transaction-remarks-cell{text-align:center}.spare-detail-panel .data-table.compact-table{table-layout:fixed}.spare-detail-panel .data-table.compact-table th,.spare-detail-panel .data-table.compact-table td{min-width:0}.spare-detail-panel .data-table.compact-table th:nth-child(1),.spare-detail-panel .data-table.compact-table td:nth-child(1){width:8rem}.spare-detail-panel .data-table.compact-table th:nth-child(2),.spare-detail-panel .data-table.compact-table td:nth-child(2),.spare-detail-panel .data-table.compact-table th:nth-child(4),.spare-detail-panel .data-table.compact-table td:nth-child(4){width:9rem}.spare-detail-panel .data-table.compact-table th.numeric,.spare-detail-panel .data-table.compact-table td.numeric{width:5rem}.spare-detail-panel .data-table.compact-table th:last-child,.spare-detail-panel .data-table.compact-table td:last-child{width:11rem}.spare-detail-panel .data-table.compact-table td.transaction-remarks-cell{max-width:22rem;white-space:normal;word-break:break-word;overflow-wrap:anywhere}#spareAdjustmentLog .data-table.compact-table th:last-child,#spareAdjustmentLog .data-table.compact-table td:last-child{width:auto}.transaction-info-button{display:inline-grid;place-items:center;width:2rem;height:2rem;min-height:2rem;padding:0;border:1px solid rgba(37,99,235,.22);border-radius:999px;background:#eff6ff;color:#1d4ed8;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.transaction-info-button .icon{width:1rem;height:1rem;fill:currentColor}.transaction-info-button:hover{border-color:#2563eb61;background:#dbeafe;color:#1e40af}.panel-transaction-info-card{width:min(28rem,calc(100vw - 3rem))}.transaction-info-list{display:grid;gap:.75rem;margin:0;padding:1.25rem}.transaction-info-list>div:not(.transaction-info-section),.transaction-info-section dl>div{display:grid;grid-template-columns:minmax(7rem,.7fr) minmax(0,1fr);gap:1rem;align-items:start;padding-bottom:.75rem;border-bottom:1px solid rgba(226,232,240,.85)}.transaction-info-list>div:not(.transaction-info-section):last-child,.transaction-info-section dl>div:last-child{padding-bottom:0;border-bottom:0}.transaction-info-list dt{color:#64748b;font-size:.75rem;font-weight:800;text-transform:uppercase}.transaction-info-list dd{margin:0;color:#0f172a;font-size:.9rem;font-weight:700;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.transaction-info-sections{gap:1rem}.transaction-info-section{display:block;padding:.95rem;border:1px solid rgba(226,232,240,.9);border-radius:.75rem;background:#f8fafc}.transaction-info-section h3{margin:0 0 .75rem;color:#0f172a;font-size:.9rem;font-weight:800}.transaction-info-section dl{display:grid;gap:.75rem;margin:0}.transaction-remark-form{min-width:22rem}.transaction-remark-display{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:2.5rem;padding:.35rem .35rem .35rem .75rem;border:1px solid rgba(226,232,240,.9);border-radius:.75rem;background:#f8fafc}.transaction-remark-display span{min-width:0;color:#0f172a;font-size:.875rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.transaction-remark-display span.is-empty{color:#94a3b8;font-weight:600}.transaction-remark-edit-button{min-height:1.875rem;padding:0 .7rem;border:1px solid rgba(191,219,254,.95);border-radius:.55rem;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.transaction-remark-edit-button:hover{border-color:#60a5faf2;background:#dbeafe;color:#1e40af}.transaction-remark-editor{display:grid;grid-template-columns:minmax(14rem,1fr) max-content;gap:8px;align-items:start}.transaction-remark-editor[hidden]{display:none}.transaction-remark-editor textarea{width:100%;min-height:2.625rem;padding:.625rem .75rem;border:1px solid rgba(191,219,254,.95);border-radius:.75rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-sm);resize:vertical}.transaction-remark-editor textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f624}.transaction-remark-save-button{min-width:58px;min-height:2.125rem;padding:0 .7rem;border-radius:.6rem;font-size:.75rem;line-height:1}.spare-receive-inline-button{min-height:1.85rem;padding:0 .55rem;border-radius:.5rem;font-size:.68rem;line-height:1;white-space:nowrap}@media(max-width:640px){.table-panel .panel-head,.fdc-pagination{align-items:flex-start;flex-direction:column;padding:1rem}.fdc-pagination-links{flex-wrap:wrap}.summary-grid,.summary-grid.summary-grid-3,.summary-grid.summary-grid-12{grid-template-columns:1fr}.summary-grid .span-2,.summary-grid .span-3,.summary-grid .span-4,.summary-grid .span-5,.summary-grid .span-6,.summary-grid .span-7,.summary-grid .span-8,.summary-grid .span-9,.summary-grid .span-10,.summary-grid .span-11,.summary-grid .span-12{grid-column:span 1}}