*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--brown: #1e3a5f;--brown-dark: #14293f;--brown-light: #eef2f7;--red: #a81830;--red-dark: #8b1228;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f8fafc;--border-soft: #e2e8f0;--sidebar-bg-1: #1e3a5f;--sidebar-bg-2: #14293f;--sidebar-text: #9cabc0;--sidebar-hover: rgba(255,255,255,.1);--sidebar-border: rgba(255,255,255,.12);--sidebar-text-strong: #ffffff;--sidebar-text-muted: #8f9fb5;--sidebar-active-bg: rgba(255,255,255,.14);--sidebar-danger: #ff9aa8;--tooltip-bg: #ffffff;--tooltip-border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 20px 60px rgba(0,0,0,.2);--radius: 10px;--radius-sm: 6px}:root[data-theme=dark]{color-scheme:dark;--brown: #7e8a9c;--brown-dark: #9aa6b8;--brown-light: #2a2d34;--red: #f06560;--red-dark: #ff7b76;--gray-50: #24262b;--gray-100: #2b2e34;--gray-200: #3a3d45;--gray-400: #7c828c;--gray-500: #9aa0a8;--gray-600: #aeb4bc;--gray-700: #c6cad0;--gray-800: #dde0e4;--gray-900: #f2f3f5;--bg: #121316;--surface: #1c1d22;--surface-2: #24262b;--border-soft: #3a3d45;--sidebar-bg-1: #1b1c20;--sidebar-bg-2: #161619;--sidebar-text: #9cabc0;--sidebar-hover: rgba(255,255,255,.08);--sidebar-border: rgba(255,255,255,.1);--sidebar-text-strong: #ffffff;--sidebar-text-muted: #8f9fb5;--sidebar-active-bg: rgba(255,255,255,.12);--sidebar-danger: #ff9aa8;--tooltip-bg: #24262b;--tooltip-border: #3a3d45;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 20px 60px rgba(0,0,0,.6)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--gray-900);min-height:100vh;min-height:100dvh;font-size:15px;line-height:1.5}:root{--sidebar-width: 248px;--topbar-height: 52px}.app{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,var(--sidebar-bg-1) 0%,var(--sidebar-bg-2) 100%);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);box-shadow:2px 0 8px #0000000f;display:flex;flex-direction:column;z-index:100;transition:transform .2s ease}.sidebar-brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;border-bottom:1px solid var(--sidebar-border);text-align:center}.sidebar-title{font-size:.9rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}.content{margin-left:var(--sidebar-width);min-width:0;display:flex;flex-direction:column;transition:margin-left .2s ease}.sidebar-collapse-btn{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:var(--sidebar-hover);color:var(--sidebar-text);cursor:pointer}.sidebar-collapse-btn:hover{filter:brightness(1.1)}.sidebar-show-btn{position:fixed;top:9px;left:9px;z-index:95;display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--gray-200);border-radius:8px;background:var(--surface);color:var(--gray-800);cursor:pointer;box-shadow:var(--shadow-sm)}.sidebar-show-btn:hover{background:var(--gray-50)}@media (min-width: 769px){.app.sidebar-collapsed .sidebar{transform:translate(-100%)}.app.sidebar-collapsed .content{margin-left:0}.app.sidebar-collapsed .sidebar-show-btn{display:inline-flex}.app.sidebar-collapsed .page-toolbar{padding-left:3.5rem}}.topbar,.sidebar-backdrop{display:none}.logo-upload-wrap{position:relative;display:flex;align-items:center;cursor:pointer;border-radius:6px;overflow:visible}.header-logo{height:51px;max-width:160px;object-fit:contain;display:block;border-radius:10px;background:transparent;box-shadow:0 0 0 1px #ffffff24}.logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;border-radius:4px;transition:opacity .15s;color:#fff}.logo-upload-wrap:hover .logo-overlay{opacity:1}.logo-remove-btn{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;border:none;background:rgba(0,0,0,.65);color:#fff;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:2;padding:0}.logo-upload-wrap:hover .logo-remove-btn{opacity:1}.logo-placeholder{display:flex;align-items:center;gap:.3rem;padding:.3rem .55rem;border:1.5px dashed var(--sidebar-text-muted);border-radius:6px;color:var(--sidebar-text);font-size:.75rem;font-weight:500;transition:border-color .15s,color .15s}.logo-upload-wrap:hover .logo-placeholder{border-color:var(--sidebar-text);color:var(--sidebar-text-strong)}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .5rem 1.5rem}.nav-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--sidebar-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;text-align:left}.nav-btn>span{flex:1}.nav-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.nav-btn-active{background:var(--sidebar-active-bg);color:var(--sidebar-text-strong);font-weight:600}.nav-btn-active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-text-strong)}.nav-chevron{opacity:.7;transition:transform .2s;flex:none!important}.nav-chevron-open{transform:rotate(180deg)}.nav-group{display:flex;flex-direction:column}.nav-submenu{display:flex;flex-direction:column;gap:.1rem;margin:.15rem 0 .25rem .9rem;padding-left:.5rem;border-left:1.5px solid var(--sidebar-border)}.nav-subitem{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .7rem;background:none;border:none;border-radius:6px;color:var(--sidebar-text);font-size:.8375rem;font-weight:400;cursor:pointer;text-align:left;transition:background .12s,color .12s}.nav-subitem:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.nav-subitem-active{background:var(--sidebar-active-bg);color:var(--sidebar-text-strong);font-weight:600}.nav-subitem-active:hover{background:var(--sidebar-hover)}.sidebar-footer{margin-top:auto;padding:.6rem .5rem 1rem;border-top:1px solid var(--sidebar-border)}.theme-toggle{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;background:var(--sidebar-hover);border:none;border-radius:6px;color:var(--sidebar-text);font-size:.8375rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;text-align:left}.theme-toggle>span{flex:1}.theme-toggle:hover{color:var(--gray-900);filter:brightness(.97)}.theme-toggle-icon{width:38px;height:38px;flex:none;padding:0;justify-content:center;background:rgba(0,0,0,.06)}.page-toolbar{background:var(--surface);border-bottom:1px solid var(--gray-200);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:90}.toolbar-filters{display:flex;align-items:center;gap:.625rem}.toolbar-search{padding:.45rem .875rem;border:1.5px solid var(--gray-200);border-radius:20px;font-size:.875rem;width:220px;outline:none;transition:border-color .2s,width .3s;color:var(--gray-900)}.toolbar-search:focus{border-color:var(--brown);width:260px}.toolbar-select{padding:.42rem .75rem;border:1.5px solid var(--gray-200);border-radius:6px;font-size:.875rem;color:var(--gray-800);outline:none;cursor:pointer;background:var(--surface);transition:border-color .2s}.toolbar-select:focus{border-color:var(--brown)}.search-input{padding:.45rem .875rem;border:none;border-radius:20px;background:rgba(255,255,255,.18);color:#fff;font-size:.875rem;width:220px;outline:none;transition:background .2s,width .3s}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:rgba(255,255,255,.28);width:260px}.main{max-width:1200px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.main-wide{max-width:none;width:100%;min-width:0;margin:0}.list-meta{font-size:.8125rem;color:var(--gray-600);margin-bottom:1.25rem}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;margin-top:1rem;font-size:.8125rem;color:var(--gray-600)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-page{padding:0 .35rem;white-space:nowrap}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.5rem 1.25rem 1rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.875rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-photo-wrap{display:flex;justify-content:center}.card-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--brown-light)}.card-avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--brown),#3a3a3a);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.05em}.card-body{text-align:center}.card-name{font-size:1rem;font-weight:600;color:var(--gray-900)}.card-email{display:block;font-size:.8125rem;color:var(--brown);margin-top:.25rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-email:hover{text-decoration:underline}.card-sig{border-top:1px solid var(--gray-200);padding-top:.75rem}.card-sig-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-600);display:block;margin-bottom:.375rem}.card-sig-img{width:100%;height:48px;object-fit:contain;border-radius:4px;border:1px solid var(--gray-200);background:var(--surface)}.card-footer{display:flex;gap:.5rem;justify-content:flex-end;border-top:1px solid var(--gray-100);padding-top:.75rem}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;line-height:1;transition:background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-sm{padding:.35rem .75rem;font-size:.8125rem}.btn-primary{background:var(--brown);color:#fff;box-shadow:0 1px 3px #5c5c5c59}.btn-primary:hover:not(:disabled){background:var(--brown-dark)}.btn-secondary{background:var(--gray-100);color:var(--gray-800)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:var(--red-dark)}.btn-action{background:#f0f4ff;color:#8b1a1a;border:1px solid #f5d0c8}.btn-action:hover{background:var(--brown-light)}.btn-submit{background:#e6f4ea;color:#137333;border:1px solid #b7dfbf}.btn-submit:hover{background:#d4edda}.td-actions-wrap{display:flex;flex-direction:column;gap:.3rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;z-index:600;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:580px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .22s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-sm{max-width:400px;padding:2rem 1.75rem;text-align:center}.modal-sm h2{font-size:1.125rem;margin-bottom:.5rem}.modal-sm p{color:var(--gray-600);font-size:.9375rem;margin-bottom:1.5rem}.confirm-icon{display:flex;justify-content:center;margin-bottom:1rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:var(--surface);border-radius:14px 14px 0 0;z-index:1}.modal-header h2{font-size:1.0625rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;line-height:1;padding:.2rem .4rem;cursor:pointer;color:var(--gray-600);border-radius:4px;transition:background .15s}.close-btn:hover{background:var(--gray-100);color:var(--gray-900)}.emp-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.emp-form-compact{gap:.85rem}.emp-form-compact .form-section{gap:.65rem;padding-bottom:.85rem}.emp-form-compact .form-row,.emp-form-compact .form-row-3{gap:.7rem}.emp-form-compact .form-group{gap:.25rem}.emp-form-compact .form-group label{font-size:.75rem}.emp-form-compact .form-group input,.emp-form-compact .form-group select,.emp-form-compact .form-textarea{padding:.48rem .7rem;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8125rem;font-weight:600;color:var(--gray-800);text-transform:uppercase;letter-spacing:.04em}.req{color:var(--red)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date],.form-group input[type=number],.form-group input[type=tel]{padding:.625rem .875rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--gray-900);outline:none;transition:border-color .2s,box-shadow .2s;background:var(--surface);width:100%}.form-group input:focus{border-color:var(--brown);box-shadow:0 0 0 3px #5c5c5c1f}.field-hint{font-size:.8rem;color:var(--gray-600);margin-top:-.25rem}.photo-row{display:flex;align-items:center;gap:1rem}.photo-preview-wrap{position:relative;flex-shrink:0}.photo-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-200);display:block}.photo-remove{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-placeholder-sm{width:64px;height:64px;border-radius:50%;background:var(--brown-light);color:var(--brown);font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-btn{display:inline-flex;align-items:center;padding:.45rem .875rem;border:1.5px dashed var(--gray-400);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--brown);cursor:pointer;transition:border-color .2s,background .2s;text-transform:none;letter-spacing:normal}.file-btn:hover{border-color:var(--brown);background:var(--brown-light)}.sig-wrap{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);cursor:crosshair}.sig-canvas{display:block}.sig-clear{margin-top:.5rem;align-self:flex-start}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;position:sticky;bottom:0;z-index:2;margin:.25rem -1.5rem -1.5rem;padding:.85rem 1.5rem;background:var(--surface);border-top:1px solid var(--gray-200);box-shadow:0 -2px 10px #0000000d}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.alert-error{background:#fce8e6;color:#c62828;border:1px solid #f4b4b0}.alert-warning{background:#fef3e2;color:#b45309;border:1px solid #fcd99a;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stock-low{display:inline-block;font-weight:700;color:#c62828;background:#fce8e6;padding:.1rem .45rem;border-radius:4px;font-size:.8125rem}.stock-ok{font-weight:600;color:#137333}.alert-close{background:none;border:none;font-size:1.125rem;line-height:1;cursor:pointer;color:inherit;opacity:.7;padding:.1rem .3rem}.alert-close:hover{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:5rem 2rem;color:var(--gray-600);text-align:center}.empty-state p{font-size:1.0625rem;font-weight:500}.empty-state span{font-size:.875rem}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;color:var(--gray-600)}.spinner{width:36px;height:36px;border:3px solid var(--gray-200);border-top-color:var(--brown);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.emp-table-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--brown-light);display:block}.emp-table-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brown),#3a3a3a);color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.03em}.emp-table-sig{height:36px;max-width:120px;object-fit:contain;border:1px solid var(--gray-200);border-radius:4px;background:var(--surface);display:block}.td-name{font-weight:500;color:var(--gray-900)}.toolbar-actions{display:flex;align-items:center;gap:.625rem}.seg-toggle{display:inline-flex;gap:.25rem}.td-check{width:40px;text-align:center;padding-right:0}.td-check input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--brown);vertical-align:middle}.part-photo-row{display:flex;align-items:center;gap:1rem}.part-photo-preview{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--gray-200);background:var(--surface)}.part-photo-placeholder{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1.5px dashed var(--gray-400);color:var(--gray-500);font-size:.8rem}.part-photo-actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.part-photo-video{width:100%;max-width:360px;border-radius:8px;background:#000;display:block}.part-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid var(--gray-200);background:var(--surface);display:block}.data-table tbody tr.row-clickable{cursor:pointer}.data-table tbody tr.row-selected,.data-table tbody tr.row-selected:hover{background:var(--brown-light)}.modal-wide{max-width:780px}.table-wrap{background:var(--surface);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto}.main-wide .table-wrap{max-height:calc(100vh - 240px);overflow-y:auto}.data-table thead th{position:sticky;top:0;z-index:1;background:var(--gray-50)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:900px}.data-table thead tr{background:var(--gray-50);border-bottom:2px solid var(--gray-200)}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);white-space:nowrap}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle;color:var(--gray-800)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--gray-50)}.td-num{color:var(--gray-400);font-size:.8125rem;width:40px;text-align:center}.td-primary{min-width:160px}.company-name{display:block;font-weight:600;color:var(--gray-900)}.sub-text{display:block;font-size:.75rem;color:var(--gray-600);margin-top:.125rem}.td-empty{color:var(--gray-400)}.table-email{color:var(--brown);text-decoration:none;font-size:.8125rem}.table-email:hover{text-decoration:underline}.td-actions{display:flex;gap:.375rem;white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-green{background:#e6f4ea;color:#137333}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-red{background:#fce8e6;color:#c62828}.badge-blue{background:#e8e8e8;color:#5c5c5c}.badge-orange{background:#fef3e2;color:#b45309}.doc-no{font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;color:var(--brown);white-space:nowrap}.td-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--gray-800)}.td-total{font-weight:700;color:var(--gray-900)}.td-subject{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-600);font-size:.8125rem}.form-textarea{padding:.625rem .875rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;color:var(--gray-900);outline:none;resize:vertical;width:100%;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{border-color:var(--brown);box-shadow:0 0 0 3px #5c5c5c1f}.input-readonly{background:var(--gray-50);color:var(--gray-600);cursor:not-allowed}.part-info-card{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;background:var(--brown-light);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.625rem 1rem;font-size:.8125rem;color:var(--gray-800);margin-top:.25rem}.part-info-item strong{color:var(--brown-dark)}.form-section{display:flex;flex-direction:column;gap:.875rem;padding-bottom:1.25rem;border-bottom:1px solid var(--gray-100)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brown);padding-bottom:.25rem;border-bottom:2px solid var(--brown-light)}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-group-span2{grid-column:span 2}.form-group select{padding:.625rem 2.25rem .625rem .875rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.9375rem;color:var(--gray-900);outline:none;background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2380868b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.form-group select:focus{border-color:var(--brown);box-shadow:0 0 0 3px #5c5c5c1f}.items-count{display:inline-block;min-width:22px;text-align:center;font-size:.8125rem;font-weight:600;background:var(--brown-light);color:var(--brown-dark);border-radius:10px;padding:.05rem .45rem}.items-editor{display:flex;flex-direction:column;gap:0;overflow-x:auto}.items-table{width:100%;border-collapse:collapse;font-size:.875rem}.items-table thead th{background:var(--brown-light);color:var(--brown-dark);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.45rem .6rem;border-bottom:2px solid var(--border-soft);white-space:nowrap}.items-table .th-num{text-align:right;width:90px}.items-table .th-part{min-width:160px}.items-table .th-desc{min-width:140px}.items-table .th-uom{width:70px}.items-table .th-del{width:32px}.items-row td{padding:.3rem .35rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.items-row.row-excluded{opacity:.5}.items-row:nth-child(2n) td{background:var(--gray-50)}.items-row:hover td{background:var(--brown-light)}.item-select{width:100%;padding:.35rem 1.75rem .35rem .5rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--gray-900);background:var(--surface);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2380868b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;cursor:pointer;min-width:150px}.item-select:focus{border-color:var(--brown);box-shadow:0 0 0 2px #5c5c5c26}.item-input{width:100%;padding:.35rem .5rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--gray-900);outline:none;background:var(--surface);font-family:inherit}.item-input:focus{border-color:var(--brown);box-shadow:0 0 0 2px #5c5c5c26}.item-num{text-align:right;font-variant-numeric:tabular-nums;min-width:70px}.item-uom{min-width:60px;max-width:70px}.item-ro{display:block;padding:.35rem .5rem;font-size:.8125rem;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-item-row{display:flex;gap:.5rem;margin-top:.5rem}.btn-remove-item{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:1.5px solid var(--gray-200);border-radius:50%;color:var(--gray-600);font-size:1rem;line-height:1;cursor:pointer;padding:0;transition:background .15s,color .15s,border-color .15s}.btn-remove-item:hover{background:#fce8e6;color:#c62828;border-color:#f4b4b0}.add-item-btn{margin-top:.5rem;align-self:flex-start}.totals-block{margin-left:auto;width:280px;display:flex;flex-direction:column;gap:0;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.totals-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;font-size:.9375rem;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.totals-row:last-child{border-bottom:none}.totals-label{color:var(--gray-600);font-size:.875rem}.totals-value{font-weight:600;color:var(--gray-900);font-variant-numeric:tabular-nums}.totals-row-total{background:var(--brown)}.totals-row-total .totals-label,.totals-row-total .totals-value{color:#fff;font-weight:700;font-size:1rem}.totals-tax-input{width:110px;padding:.3rem .5rem;border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);font-size:.875rem;text-align:right;outline:none;background:var(--surface);font-variant-numeric:tabular-nums}.totals-tax-input:focus{border-color:var(--brown);box-shadow:0 0 0 2px #5c5c5c26}@media (max-width: 768px){.form-row-3{grid-template-columns:1fr 1fr}.form-group-span2{grid-column:span 1}.dash-cards{grid-template-columns:repeat(2,1fr)}.modal-wide{max-width:96vw}.topbar{display:flex;align-items:center;gap:.6rem;position:sticky;top:0;height:var(--topbar-height);padding:0 .875rem;background:linear-gradient(135deg,var(--sidebar-bg-1) 0%,var(--sidebar-bg-2) 100%);border-bottom:1px solid var(--sidebar-border);box-shadow:0 2px 8px #0000001a;z-index:120}.topbar-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;background:var(--sidebar-hover);border-radius:8px;color:var(--sidebar-text);cursor:pointer}.topbar-toggle:hover{filter:brightness(.95)}.topbar-title{font-size:.9rem;font-weight:700;letter-spacing:-.01em;flex:1;color:var(--sidebar-text)}.app{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;transform:translate(-100%);transition:transform .25s ease;z-index:200}.sidebar-open{transform:translate(0)}.sidebar-collapse-btn,.sidebar-show-btn{display:none!important}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:150;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content{width:100%;margin-left:0}.page-toolbar{top:var(--topbar-height)}}@media (max-width: 600px){.sidebar{width:min(86vw,300px)}.nav-btn{min-height:42px}.nav-subitem{min-height:40px}.page-toolbar{position:relative;top:auto;padding:.625rem .875rem;flex-wrap:wrap;gap:.5rem}.toolbar-filters{flex-wrap:wrap;gap:.375rem;width:100%}.toolbar-search{width:100%}.toolbar-search:focus{width:100%}.toolbar-select{flex:1;min-width:120px}.main{padding:1rem .875rem 2.5rem}.form-row,.form-row-3{grid-template-columns:1fr}.form-group-span2{grid-column:span 1}.emp-form{padding:1.125rem 1rem}.form-actions{flex-wrap:wrap;margin:.25rem -1rem -1.125rem;padding:.75rem 1rem}.form-actions .btn{flex:1;justify-content:center;min-height:44px}.employee-grid{grid-template-columns:1fr}.overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-height:94vh;max-width:100%;width:100%}.modal-wide{max-width:100%}.modal-sm{max-width:100%;border-radius:16px 16px 0 0}.modal-header{padding:1rem 1.125rem;border-radius:16px 16px 0 0}.dash-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:.875rem 1rem 0;gap:.75rem}.dash-section{margin:.875rem 1rem 0;min-width:0}.btn{min-height:40px}.btn-sm{min-height:36px}.totals-block{width:100%;margin-left:0}}@media (max-width: 480px){.dash-cards{grid-template-columns:1fr}.dash-card-value{font-size:1.2rem}.td-actions{flex-direction:column;align-items:flex-start;gap:.2rem}.td-actions .btn-sm{padding:.28rem .5rem;font-size:.75rem;min-height:32px}.td-actions-wrap .btn-sm{padding:.28rem .5rem;font-size:.75rem}.items-table th,.items-table td{padding:.28rem .2rem}.item-input,.item-select{font-size:.75rem}.main{padding:.875rem .75rem 2rem}.modal-header h2{font-size:.9375rem}.confirm-actions{flex-direction:column}.confirm-actions .btn{width:100%;justify-content:center}}@media (max-width: 360px){.topbar-title{font-size:.8rem}.dash-cards{grid-template-columns:1fr}.btn{font-size:.8125rem}}.dashboard{display:flex;flex-direction:column;min-height:0;min-width:0}.dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.25rem clamp(1rem,4vw,1.5rem) 0}.dash-card{background:var(--surface);border:1px solid var(--gray-100);border-radius:10px;padding:1.1rem 1.25rem;box-shadow:0 1px 4px #0000000f}.dash-card-blue{border-top:3px solid var(--brown)}.dash-card-green{border-top:3px solid #34a853}.dash-card-gold{border-top:3px solid #fbbc04}.dash-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin-bottom:.35rem}.dash-card-value{font-size:1.45rem;font-weight:700;color:var(--gray-900);line-height:1.2}.dash-card-sub{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.dash-section{background:var(--surface);border:1px solid var(--gray-100);border-radius:10px;padding:1.1rem 1.25rem 1.25rem;margin:1.25rem 1.5rem 0;box-shadow:0 1px 4px #0000000f}.dash-section:last-child{margin-bottom:1.5rem}.dash-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--brown);margin-bottom:1rem}.chart-tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:8px;padding:.6rem .9rem;font-size:.82rem;box-shadow:var(--shadow-md)}.chart-tooltip-label{font-weight:700;color:var(--gray-900);margin-bottom:.3rem}.toolbar-label{font-size:.8rem;font-weight:600;color:var(--gray-500);margin-right:.25rem}.share-bar-wrap{display:flex;align-items:center;gap:.5rem}.share-bar{height:8px;background:var(--brown);border-radius:4px;min-width:2px;max-width:120px;flex-shrink:0}.share-label{font-size:.78rem;color:var(--gray-500);white-space:nowrap}.emp-cell{display:flex;align-items:center;gap:.6rem}.emp-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--gray-100)}.emp-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--brown);color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}[data-theme=dark] .alert-error{background:rgba(240,101,96,.13);color:#ff8a85;border-color:#f0656059}[data-theme=dark] .alert-warning{background:rgba(245,158,11,.13);color:#fbbf24;border-color:#f59e0b59}[data-theme=dark] .stock-low{background:rgba(240,101,96,.16);color:#ff8a85}[data-theme=dark] .stock-ok{color:#5cd27e}[data-theme=dark] .badge-green{background:rgba(52,168,83,.16);color:#5cd27e}[data-theme=dark] .badge-red{background:rgba(240,101,96,.16);color:#ff8a85}[data-theme=dark] .badge-orange{background:rgba(245,158,11,.16);color:#fbbf24}[data-theme=dark] .badge-blue{background:rgba(126,138,156,.22);color:#aab6c8}[data-theme=dark] .btn-action{background:rgba(126,138,156,.16);color:#c6cad0;border-color:#7e8a9c4d}[data-theme=dark] .btn-action:hover{background:rgba(126,138,156,.26)}[data-theme=dark] .btn-submit{background:rgba(52,168,83,.16);color:#5cd27e;border-color:#34a8534d}[data-theme=dark] .btn-submit:hover{background:rgba(52,168,83,.26)}[data-theme=dark] .btn-remove-item:hover{background:rgba(240,101,96,.16);color:#ff8a85;border-color:#f0656066}[data-theme=dark] .sig-wrap,[data-theme=dark] .card-sig-img,[data-theme=dark] .emp-table-sig{background:#fff}@media (max-width: 600px){.main-wide .table-wrap{max-height:none;overflow:visible;border:none;box-shadow:none;background:transparent}.data-table{display:block;width:100%;min-width:0}.data-table thead{display:none}.data-table tbody{display:block}.data-table tbody tr{display:block;background:var(--surface);border:1px solid var(--gray-200);border-radius:10px;box-shadow:var(--shadow-sm);padding:.35rem .85rem;margin-bottom:.75rem}.data-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:auto;max-width:none;min-width:0;padding:.45rem 0;border:none;text-align:right;white-space:normal;overflow-wrap:anywhere;position:static!important;left:auto!important;box-shadow:none!important}.data-table tbody td+td{border-top:1px solid var(--gray-100)}.data-table tbody td:before{content:attr(data-label);flex:0 0 40%;text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.02em;color:var(--gray-600)}.data-table tbody td[data-label="#"],.data-table tbody td[data-label=""]{display:none}.data-table tbody td[data-label=Actions]{display:block;text-align:left;padding-top:.55rem}.data-table tbody td[data-label=Actions]:before{display:none}.data-table tbody td[data-label=Actions] .td-actions,.data-table tbody td[data-label=Actions] .td-actions-wrap{flex-direction:row;flex-wrap:wrap;gap:.35rem}}.login-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-checking{color:var(--gray-600);font-size:14px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:32px 28px;display:flex;flex-direction:column}.login-title{margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em;color:var(--gray-900)}.login-sub{margin:4px 0 22px;font-size:13px;color:var(--gray-600)}.login-label{font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:5px}.login-input{font:inherit;font-size:14px;padding:9px 11px;margin-bottom:16px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg);color:var(--gray-900)}.login-input:focus{outline:none;border-color:var(--brown);box-shadow:0 0 0 3px #5c5c5c1f}.login-btn{font:inherit;font-size:14px;font-weight:600;padding:10px;margin-top:4px;border:0;border-radius:var(--radius-sm);background:var(--brown-dark);color:#fff;cursor:pointer}.login-btn:hover:not(:disabled){background:var(--brown)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-error{font-size:13px;padding:9px 11px;margin-bottom:16px;border-radius:var(--radius-sm);background:rgba(229,57,53,.1);border:1px solid rgba(229,57,53,.3);color:var(--red-dark)}.sidebar-user{display:flex;align-items:center;gap:9px;padding:9px 4px 2px;margin-top:8px;border-top:1px solid var(--sidebar-border)}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px}.sidebar-user-initials{display:flex;align-items:center;justify-content:center;background:var(--brown-light);color:var(--brown-dark);font-size:11px;font-weight:700}.sidebar-user-meta{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-size:12.5px;font-weight:600;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--sidebar-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{background:none;border:0;padding:5px;border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;display:flex;flex:0 0 auto}.sidebar-logout:hover{background:var(--sidebar-hover);color:var(--sidebar-danger)}.logo-readonly{cursor:default}.sidebar-collapsed .sidebar-user-meta{display:none}.sidebar-collapsed .sidebar-user{justify-content:center;padding-left:0;padding-right:0}.user-status{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.user-status-active{background:rgba(46,160,67,.12);color:#2ea043}.user-status-inactive{background:var(--brown-light);color:var(--gray-600)}.row-inactive td{opacity:.55}.user-you-tag{margin-left:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:3px;background:var(--brown-light);color:var(--brown-dark)}.user-actions{display:flex;gap:6px;flex-wrap:wrap}.topbar{padding-top:env(safe-area-inset-top);padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.content{padding-bottom:env(safe-area-inset-bottom);padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.login-shell{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.sig-wrap canvas,.sig-canvas{touch-action:none;-ms-touch-action:none}.table-wrap,.sidebar-nav,.modal{-webkit-overflow-scrolling:touch}.modal,.overlay{overscroll-behavior:contain}@media (pointer: coarse){input,select,textarea,.form-input,.item-input,.item-select,.toolbar-search,.search-input{font-size:16px!important}.btn,.btn-sm,.close-btn,.sidebar-logout,.alert-close,.nav-subitem,.logo-remove-btn{min-height:44px;min-width:44px}.user-actions,.td-actions-wrap{gap:.5rem}button,a,.nav-subitem{-webkit-tap-highlight-color:transparent}}