: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{width:540px;box-shadow:var(--shadow-modal);z-index:99;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;animation:.22s cubic-bezier(.16,1,.3,1) bentoPop;position:absolute;top:44px;right:0}@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:100;background:#0f172a59;justify-content:center;align-items:center;padding:1.25rem;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:90vh;box-shadow:var(--shadow-modal);color:var(--text-main);animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInUp;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}}