@keyframes slideDown{0%{transform:translateY(-60px);opacity:0}to{transform:none;opacity:1}}@keyframes fadeUp{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.anim-hero{animation:fadeUp .5s .08s cubic-bezier(.16,1,.3,1) both}.anim-body{animation:fadeUp .5s .2s cubic-bezier(.16,1,.3,1) both}.hero{background:linear-gradient(135deg,var(--g9) 0%,var(--g8) 55%,var(--g7) 100%);padding:2.5rem 1.5rem 3rem;text-align:center;position:relative;overflow:hidden;width:100%}.hero:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(185,217,235,.06);pointer-events:none}.hero-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(1.4rem,4vw,2rem);color:#fff;letter-spacing:-.02em;margin-bottom:6px}.hero-desc{font-size:13px;color:#b9d9eb99;margin-bottom:1.5rem}.hero-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.stat-card{background:#b9d9eb1a;border:1px solid rgba(185,217,235,.2);border-radius:12px;padding:12px 20px;text-align:center;transition:background .18s,transform .18s;animation:countUp .5s both}.stat-card:hover{background:#b9d9eb2e;transform:translateY(-2px)}.stat-card:nth-child(1){animation-delay:.15s}.stat-card:nth-child(2){animation-delay:.22s}.stat-card:nth-child(3){animation-delay:.29s}.stat-card:nth-child(4){animation-delay:.36s}.stat-val{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:22px;color:var(--acc)}.stat-val.danger{color:#f87171}.stat-lbl{font-size:10px;color:#b9d9eb8c;margin-top:2px}.container{max-width:1200px;margin:-20px auto 0;padding:0 1.5rem 3rem}.toolbar{background:var(--white);border-radius:var(--r);padding:12px 16px;border:1px solid var(--border);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;box-shadow:var(--shadow);animation:fadeUp .5s .25s both;position:relative;z-index:10}.filter-inp{border:1.5px solid #e5e7eb;border-radius:9px;padding:8px 12px;font-size:13px;font-family:Plus Jakarta Sans,sans-serif;background:#f5fbff;outline:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.filter-inp:focus{border-color:var(--acc);box-shadow:0 0 0 3px #b9d9eb1f}.filter-inp[type=text]{width:100%}.search-container{position:relative;flex:1;min-width:200px}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;border-radius:50%;font-size:14px;cursor:pointer;opacity:0;transition:all .2s;z-index:2}.search-container:hover .search-clear{opacity:1}.search-clear:hover{background:#d1d5db;color:var(--g9)}.view-toggle{display:flex;gap:3px;background:#f3f4f6;border-radius:8px;padding:3px}.view-btn{background:none;border:none;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;color:var(--sub);font-family:Plus Jakarta Sans,sans-serif;transition:all .15s}.view-btn.active{background:var(--white);color:var(--text);box-shadow:0 1px 3px #0000001a}.export-group{display:flex;gap:5px;margin-left:auto;position:relative}.btn-export{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:7px 12px;border-radius:8px;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:transform .15s,filter .15s}.btn-export:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-excel{background:#16a34a;color:#fff}.btn-pdf{background:#dc2626;color:#fff}.btn-print{background:var(--g9);color:var(--acc)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;top:100%;background-color:#fff;min-width:180px;box-shadow:0 8px 16px #0003;z-index:1000;border-radius:8px;margin-top:5px;overflow:hidden;border:1px solid var(--border)}.dropdown-content a{color:var(--text);padding:10px 14px;text-decoration:none;display:block;font-size:12px;font-weight:600;transition:background .15s;border-bottom:1px solid #f3f4f6}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background-color:#f9fafb;color:#16a34a}.dropdown-content.show{display:block;animation:panelIn .2s ease}.dropdown-header{padding:8px 14px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;background:#eef6fb;border-bottom:1px solid var(--border)}.tab-bar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;animation:fadeUp .5s .3s both;position:relative;z-index:1}.tab-btn{background:var(--white);border:1.5px solid var(--border);color:var(--sub);font-size:12px;font-weight:700;padding:7px 14px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:Plus Jakarta Sans,sans-serif;white-space:nowrap}.tab-btn:hover:not(.active){border-color:var(--acc);color:var(--g7);transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,var(--g9),var(--g8));color:var(--acc);border-color:transparent;box-shadow:0 4px 14px #003d2440;transform:translateY(-1px)}.tab-count{background:#b9d9eb26;color:var(--sub);font-size:10px;padding:1px 6px;border-radius:5px;margin-left:4px;transition:all .2s}.tab-btn.active .tab-count{background:#b9d9eb33;color:var(--acc)}.skeleton-wrap{background:var(--white);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow);display:none}.skel-head{height:64px;background:linear-gradient(135deg,var(--g9),var(--g8))}.skel-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.skel-row{display:grid;grid-template-columns:40px 2fr 1fr 1fr 2fr repeat(4,60px) 1fr;gap:8px}.skel-cell{height:38px;border-radius:7px;background:linear-gradient(90deg,#cce4f0 25%,#e8f5fb,#cce4f0 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.skel-head-cell{height:22px}.lab-panel{display:none;animation:panelIn .2s cubic-bezier(.16,1,.3,1) both}.lab-panel.active{display:block}.panel-wrap{background:var(--white);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.panel-header{background:linear-gradient(135deg,var(--g9),var(--g8));padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:16px;color:#fff}.panel-info{font-size:11px;color:#b9d9eb80;margin-top:2px}.broken-badge{background:#f871711f;border:1px solid rgba(248,113,113,.25);border-radius:10px;padding:7px 12px;text-align:center;flex-shrink:0}.broken-val{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:17px;color:#f87171}.broken-lbl{font-size:10px;color:#f87171a6}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 350px);scrollbar-width:thin;scrollbar-color:var(--acc) transparent}.tbl-wrap::-webkit-scrollbar{width:6px;height:6px}.tbl-wrap::-webkit-scrollbar-track{background:transparent}.tbl-wrap::-webkit-scrollbar-thumb{background:var(--acc);border-radius:10px;border:2px solid #fff}.tbl-wrap::-webkit-scrollbar-thumb:hover{background:var(--acc2)}.inv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.inv-table thead{position:sticky;top:0;z-index:10}.inv-table thead tr{background:#eef6fb}.inv-table th{padding:12px 13px;text-align:left;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#eef6fb;border-bottom:2px solid var(--border)}.inv-table th.center{text-align:center}.inv-table tbody tr{transition:background .12s,transform .12s}.inv-table tbody tr:hover{background:#f5fbff}.inv-table td{padding:11px 13px;vertical-align:middle;border-bottom:1px solid #f5f5f5}.no-col{color:var(--muted);font-size:12px;width:40px}.item-name{font-weight:700;color:var(--text)}.item-brand{color:var(--sub)}.item-specs{font-size:12px;color:var(--muted);font-style:italic}.qty-center{text-align:center}.qty-total{font-weight:700}.qty-good{color:#16a34a;font-weight:700;text-align:center}.qty-broken{color:#dc2626;font-weight:700;text-align:center}.qty-backup{color:#0369a1;font-weight:700;text-align:center}.qty-zero{color:var(--muted);text-align:center}.progress-wrap{width:80px;height:6px;background:#fee2e2;border-radius:999px;overflow:hidden;margin-top:4px}.progress-bar{height:100%;background:#16a34a;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.progress-text{font-size:9px;font-weight:700;color:var(--muted);margin-top:2px}mark.search-match{background:#fef08a;color:#854d0e;padding:0 2px;border-radius:2px;box-shadow:0 0 0 1px #fde047}.cards-grid{display:none;padding:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.cards-grid.show{display:grid}.inv-card{border:1.5px solid var(--border);border-radius:12px;padding:14px;background:#f5fbff;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.inv-card:before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);transition:left .4s ease;pointer-events:none}.inv-card:hover:before{left:130%}.inv-card:hover{border-color:var(--acc);transform:translateY(-3px);box-shadow:0 8px 20px #003d241a}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:4px}.card-name{font-weight:700;font-size:13px;margin-bottom:2px}.card-brand{font-size:11px;color:var(--sub);margin-bottom:5px}.card-specs{font-size:11px;color:var(--muted);font-style:italic;margin-bottom:8px}.card-qtys{display:flex;gap:5px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700}.cat-computer{background:#dbeafe;color:#1d4ed8}.cat-peripheral{background:#f3e8ff;color:#7c3aed}.cat-network{background:#dcfce7;color:#15803d}.cat-furniture{background:#fef3c7;color:#92400e}.cat-software{background:#e0f2fe;color:#0369a1}.cat-other{background:#f3f4f6;color:#374151}.cond-excellent,.cond-good{background:#dcfce7;color:#15803d}.cond-fair{background:#fef3c7;color:#92400e}.cond-poor{background:#fee2e2;color:#dc2626}.cond-broken{background:#f3f4f6;color:#6b7280}.badge-qty{background:#e8f5fb;color:var(--text)}.badge-good{background:#dcfce7;color:#15803d}.badge-broken{background:#fee2e2;color:#dc2626}.empty-row td{text-align:center;padding:48px;color:var(--muted);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-icon.no-data{background:#e8f5fb}.empty-icon.no-result{background:#fef3c7}.empty-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 6px}.empty-desc{font-size:13px;color:var(--sub);margin:0 0 20px;max-width:280px;line-height:1.6}.btn-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.empty-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:8px 16px;border-radius:9px;border:1.5px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;text-decoration:none;transition:background .15s}.empty-btn.primary{background:var(--g9);color:var(--acc);border-color:transparent}.empty-btn.primary:hover{background:var(--g8)}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;background:var(--g9);color:var(--acc);padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid rgba(185,217,235,.2);box-shadow:0 4px 20px #0003;display:flex;align-items:center;gap:8px;transform:translateY(80px);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.xlsx-loading{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#ffffffb3}.xlsx-loading svg{animation:spin .8s linear infinite}footer{text-align:center;padding:18px;font-size:12px;color:var(--muted)}@media print{.pub-navbar,.toolbar,.tab-bar,.export-group,.view-toggle,.skeleton-wrap,.toast{display:none!important}.lab-panel{display:block!important}.panel-header{background:var(--g9)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}.container{padding:0;margin-top:0}}@media (max-width: 768px){.export-group{margin-left:0}.inv-table th:nth-child(5),.inv-table td:nth-child(5){display:none}}@media (max-width: 480px){.hero{padding:1.5rem 1rem 2.5rem}.container{padding:0 1rem 2rem}.inv-table th:nth-child(4),.inv-table td:nth-child(4),.inv-table th:nth-child(11),.inv-table td:nth-child(11){display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}