:root{--pc-red:#a6192e;--pc-red-hover:#8b1426;--pc-red-glow:#a6192e26;--pc-red-light:#a6192e0d;--pc-charcoal:#18181b;--pc-sub:#475569;--pc-muted:#94a3b8;--pc-bg-light:#e8eef5;--pc-card-bg:#fff;--pc-border:#cbd5e1;--pc-border-hover:#94a3b8;--pc-input-bg:#f1f5f9;--pc-topbar-bg:#fff;--mac-blue:#0284c7;--mac-cyan:#18181b;--mac-purple:#a6192e;--mac-green:#16a34a;--mac-yellow:#d97706;--mac-orange:#ea580c;--mac-red:#dc2626;--text-main:#18181b;--text-sub:#475569;--text-muted:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-family:"Kanit", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--shadow-soft:0 4px 20px -2px #a6192e0a, 0 2px 6px -1px #00000005;--shadow-hover:0 12px 28px -4px #a6192e14, 0 4px 12px -2px #00000008;--shadow-modal:0 24px 48px -12px #18181b26, 0 0 1px #a6192e1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--pc-bg-light);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:4rem;font-size:.8125rem;font-weight:400;line-height:1.45}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes crimsonPulse{0%,to{box-shadow:0 0 #a6192e40}50%{box-shadow:0 0 0 5px #a6192e00}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeInUp}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.mac-top-bar{background:var(--pc-topbar-bg);border-bottom:1px solid var(--pc-border);height:32px;color:var(--text-sub);z-index:100;justify-content:space-between;align-items:center;padding:0 1.25rem;font-size:.75rem;display:flex;position:sticky;top:0}.mac-menu-left{align-items:center;gap:1.25rem;display:flex}.mac-apple-icon{color:var(--pc-red);font-size:.95rem}.mac-app-name{color:var(--pc-red);font-weight:500}.mac-menu-item{color:var(--text-muted);font-weight:400}.mac-traffic-lights{align-items:center;gap:6px;margin-right:.4rem;display:flex}.traffic-dot{border-radius:50%;width:10px;height:10px;transition:transform .15s;display:inline-block}.traffic-dot:hover{transform:scale(1.15)}.dot-red{background:#a6192e}.dot-yellow{background:#d97706}.dot-green{background:#16a34a}.app-container{max-width:1360px;margin:1rem auto 0;padding:0 1.25rem}.glass-header{background:var(--pc-card-bg);border:1px solid var(--pc-border);border-radius:var(--radius-md);height:52px;box-shadow:var(--shadow-soft);z-index:50;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:0 1.25rem;transition:box-shadow .2s;display:flex;position:sticky;top:38px}.glass-header:hover{box-shadow:var(--shadow-hover)}.brand-logo{align-items:center;gap:.65rem;display:flex}.logo-icon-bg{background:var(--pc-red);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.logo-icon-bg:hover{transform:scale(1.08)rotate(-3deg)}.brand-title{color:var(--pc-red);letter-spacing:-.1px;font-size:.95rem;font-weight:500}.brand-subtitle{color:var(--text-muted);font-size:.72rem;font-weight:400}.nav-menu{align-items:center;gap:.75rem;display:flex}.nav-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.875rem;font-weight:400;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.nav-btn:hover{color:var(--pc-red);background:#a6192e0a;transform:translateY(-1px)}.nav-btn.active{background:var(--pc-red-light);color:var(--pc-red);border:1px solid #a6192e26;font-weight:500;box-shadow:0 2px 6px #a6192e14}.header-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex;position:relative}.action-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;height:34px;padding:0 .85rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.action-btn:hover{transform:translateY(-1px)}.action-btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--pc-red);color:#fff;box-shadow:0 2px 8px #a6192e33}.btn-primary:hover{background:var(--pc-red-hover);box-shadow:0 4px 14px #a6192e4d}.btn-cyan{background:var(--pc-charcoal);color:#fff;box-shadow:0 2px 8px #18181b26}.btn-cyan:hover{background:#27272a}.btn-purple{background:var(--pc-red);color:#fff;box-shadow:0 2px 8px #a6192e33}.btn-purple:hover{background:var(--pc-red-hover)}.btn-secondary{color:var(--text-sub);border:1px solid var(--pc-border);background:#fff}.btn-secondary:hover{color:var(--text-main);border-color:var(--pc-border-hover);background:#f8fafc}.bento-menu-popover{border:1px solid var(--pc-border);z-index:99999;background:#fff;border-radius:16px;width:540px;max-width:92vw;padding:1.15rem;animation:.22s cubic-bezier(.16,1,.3,1) bentoPop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 45px #0000002e}.bento-popover-header{border-bottom:1px solid var(--pc-border);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.65rem;display:flex}.bento-popover-grid{grid-template-columns:repeat(2,minmax(200px,1fr));gap:.85rem;display:grid}@media (width<=640px){.bento-menu-popover{border-radius:20px;width:calc(100vw - 1.5rem);max-width:440px;max-height:82vh;padding:1rem;position:fixed;top:50%;left:50%;right:auto;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 60px -10px #00000059}.bento-popover-grid{grid-template-columns:1fr!important;gap:.75rem!important}.bento-card-item{padding:.75rem .85rem!important}}@keyframes bentoPop{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.bento-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:.85rem;display:grid}.bento-column-title{color:var(--pc-red);letter-spacing:.2px;text-transform:uppercase;align-items:center;gap:.35rem;margin-bottom:.65rem;font-size:.75rem;font-weight:600;display:flex}.bento-card-item{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:flex-start;gap:.65rem;width:100%;padding:.65rem .75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.bento-card-item:hover{box-shadow:var(--shadow-hover);background:#fff;border-color:#a6192e33;transform:translateY(-2px)}.bento-icon-bg{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bento-card-title{color:var(--text-main);font-size:.8125rem;font-weight:500;line-height:1.2}.bento-card-desc{color:var(--text-muted);margin-top:2px;font-size:.72rem}.glass-card{background:var(--pc-card-bg);border:1px solid var(--pc-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);color:var(--text-main);padding:1.15rem;transition:box-shadow .25s;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.glass-card:hover{box-shadow:var(--shadow-hover)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.stat-card{padding:1rem 1.15rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px)}.stat-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.stat-title{color:var(--text-muted);font-size:.78rem;font-weight:500}.stat-value{letter-spacing:-.3px;color:var(--text-main);font-size:1.5rem;font-weight:500}.stat-sub{color:var(--text-muted);margin-top:.15rem;font-size:.72rem}.badge{border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.badge-ready{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.badge-repair{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.badge-damaged{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-disposed{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.15rem;display:flex}.search-box{flex:1;min-width:260px;position:relative}.search-box input{background:var(--pc-input-bg);border:1px solid var(--pc-border);border-radius:var(--radius-sm);width:100%;height:34px;color:var(--text-main);padding:0 .85rem 0 2.4rem;font-family:inherit;font-size:.8125rem;font-weight:400;transition:all .15s}.search-box input:focus{border-color:var(--pc-red);box-shadow:0 0 0 3px var(--pc-red-glow);background:#fff;outline:none}.search-box .search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.select-input{background:var(--pc-input-bg);border:1px solid var(--pc-border);border-radius:var(--radius-sm);height:34px;color:var(--text-main);padding:0 .75rem;font-family:inherit;font-size:.8125rem;font-weight:400;transition:all .15s}.select-input:focus{border-color:var(--pc-red);box-shadow:0 0 0 3px var(--pc-red-glow);background:#fff;outline:none}.table-container{border-radius:var(--radius-sm);border:1px solid var(--pc-border);background:var(--pc-card-bg);overflow-x:auto;box-shadow:0 1px 3px #00000005}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.custom-table th{color:#475569;border-bottom:1px solid var(--pc-border);white-space:nowrap;background:#f8fafc;padding:.65rem 1rem;font-size:.78rem;font-weight:500}.custom-table td{border-bottom:1px solid var(--pc-border);color:var(--text-main);background:#fff;padding:.65rem 1rem;font-weight:400;transition:background .15s}.custom-table tbody tr:hover td{background:#f8fafc!important}.asset-id-code{color:var(--pc-red);background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.78rem;font-weight:500;transition:transform .15s}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:2.5rem 1.25rem 1.5rem;animation:.18s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--pc-card-bg);border:1px solid var(--pc-border);border-radius:var(--radius-md);width:100%;max-width:720px;max-height:calc(100vh - 4rem);box-shadow:var(--shadow-modal);color:var(--text-main);z-index:10000;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInUp;position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid var(--pc-border);background:var(--pc-card-bg);z-index:10;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.modal-body{padding:1.25rem}.modal-footer{border-top:1px solid var(--pc-border);background:var(--pc-card-bg);justify-content:flex-end;gap:.45rem;padding:.85rem 1.25rem;display:flex}@media print{@page{size:A4 portrait;margin:8mm}html,body{background:#fff!important;width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;overflow:hidden!important}.mac-top-bar,.glass-header,.modal-header,.modal-footer,.header-actions,button,.modal-overlay{display:none!important}.modal-card{width:210mm!important;max-width:210mm!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.modal-body{background:#fff!important;margin:0!important;padding:0!important}.printable-area{width:194mm!important;max-width:194mm!important;box-shadow:none!important;page-break-after:avoid!important;page-break-inside:avoid!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:0!important}}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.25rem;margin-top:1.25rem;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--pc-border);border-radius:20px;padding:1.35rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.bento-card:hover{border-color:#a6192e40;transform:translateY(-2px);box-shadow:0 10px 30px #0000000f}.bento-col-12{grid-column:span 12}.bento-col-8{grid-column:span 8}.bento-col-6{grid-column:span 6}.bento-col-4{grid-column:span 4}.bento-col-3{grid-column:span 3}@media (width<=992px){.bento-col-8,.bento-col-6,.bento-col-4,.bento-col-3{grid-column:span 12}}.badge-2026{border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-available{color:#15803d;background:#22c55e1f;border:1px solid #22c55e40}.badge-borrowed{color:#a16207;background:#eab3081f;border:1px solid #eab30840}.badge-maintenance{color:#b91c1c;background:#ef44441f;border:1px solid #ef444440}.badge-retired{color:#475569;background:#94a3b826;border:1px solid #94a3b84d}.floating-qr-btn{z-index:9990;background:var(--pc-red);color:#fff;cursor:pointer;border:2px solid #ffffff4d;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #a6192e66}.floating-qr-btn:hover{background:var(--pc-red-hover);transform:translate(-50%)scale(1.05);box-shadow:0 14px 30px #a6192e80}.floating-qr-btn:active{transform:translate(-50%)scale(.96)}.desktop-only-nav{align-items:center;gap:.5rem;display:flex}.mobile-bottom-nav{display:none}.glass-header{height:56px;flex-wrap:nowrap!important;padding:0 1rem!important;overflow:visible!important}.brand-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap!important}@media (width<=1024px){.desktop-only-nav{display:none!important}.glass-header{flex-wrap:nowrap!important;justify-content:space-between!important;padding:.5rem .75rem!important}.brand-logo{flex-shrink:1;gap:.45rem;min-width:0}.brand-title{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.82rem;overflow:hidden}.brand-subtitle,.mac-traffic-lights{display:none!important}.header-actions{flex-shrink:0;gap:.35rem}.action-btn{height:32px;padding:0 .55rem;font-size:.75rem}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--pc-border);z-index:9999;background:#fffffff5;justify-content:space-around;align-items:center;height:64px;padding:0 .25rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014;display:flex!important}.mobile-tab-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;padding:4px 6px;font-family:inherit;font-size:.68rem;transition:all .15s;display:flex}.mobile-tab-btn.active{color:var(--pc-red);font-weight:600}.mobile-tab-btn.active svg{stroke:var(--pc-red);transform:translateY(-1px)}.mobile-qr-center-btn{background:var(--pc-red);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;margin-top:-16px;transition:transform .15s;display:flex;box-shadow:0 6px 16px #a6192e66}.mobile-qr-center-btn:active{transform:scale(.92)}.floating-qr-btn{display:none!important}.app-container{padding-bottom:76px!important}.bento-grid{gap:.75rem}.bento-card{border-radius:16px;padding:.85rem}.custom-table th,.custom-table td{padding:.5rem .6rem;font-size:.75rem}.toolbar{flex-direction:column;align-items:stretch;gap:.65rem}.search-box,.filter-group,.select-input{width:100%}.workflow-stepper-desktop{display:none!important}.workflow-stepper-mobile{display:block!important}.desktop-table-view{display:none!important}.mobile-card-list{flex-direction:column;gap:.65rem;display:flex!important}}.workflow-stepper-desktop{display:block}.workflow-stepper-mobile{display:none}.desktop-table-view{display:block}.mobile-card-list{display:none}.mobile-item-card{border:1px solid var(--pc-border);background:#fff;border-radius:14px;margin-bottom:.5rem;padding:.85rem 1rem;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #00000008}.mobile-item-card:hover{box-shadow:var(--shadow-hover)}