#root{margin:0;padding:0;width:100%;max-width:none}body{margin:0}:root{--bg: #eef2f7;--bg-soft: #f8fafc;--panel: rgba(255, 255, 255, .82);--panel-solid: #ffffff;--panel-muted: rgba(248, 250, 252, .86);--text: #0f172a;--muted: #64748b;--muted-strong: #475569;--border: rgba(15, 23, 42, .09);--border-strong: rgba(15, 23, 42, .14);--accent: #2563eb;--accent-soft: #dbeafe;--accent-glow: rgba(37, 99, 235, .16);--shadow-soft: 0 18px 45px rgba(15, 23, 42, .08);--shadow-subtle: 0 8px 24px rgba(15, 23, 42, .06);--radius-xl: 22px;--radius-lg: 16px;--radius-md: 12px}.app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 34rem),radial-gradient(circle at top right,rgba(14,165,233,.09),transparent 28rem),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);min-height:100vh}.app-header{position:sticky;top:0;z-index:50;margin:0 auto 1rem;padding:1rem 1.25rem 1.15rem;max-width:1440px;border:1px solid rgba(255,255,255,.58);border-top:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);background:#f8fafcb8;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 14px 40px #0f172a14}.app-header h1{margin:0;text-align:center;color:var(--text);font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.055em;font-weight:760;transition:font-size .25s ease,transform .25s ease,letter-spacing .25s ease}.app-header-compact h1{font-size:1.15rem;letter-spacing:-.025em}.app-header-compact{padding-top:.7rem;padding-bottom:.7rem;box-shadow:0 12px 34px #0f172a1c}.app-header p{margin:0;color:#4b5563}.toolbar{margin:.9rem 0;display:flex;justify-content:center}.toolbar input{align-self:center;width:100%;max-width:560px;padding:.95rem 1.1rem;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffdb;color:var(--text);font-size:.95rem;outline:none;box-shadow:0 12px 28px #0f172a0f;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.toolbar input:focus{border-color:#2563eb6b;background:#fff;box-shadow:0 0 0 4px #2563eb1c,0 16px 34px #0f172a14}.error{color:#b91c1c}.table-container{background:var(--panel);border:1px solid rgba(255,255,255,.62);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow-x:auto;margin:0 2rem 2rem;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}table{width:100%;border-collapse:collapse;font-size:.75rem;border-radius:10px;min-width:900px;padding:2rem;font-variant-numeric:tabular-nums}th,td{padding:.9rem .55rem;border-bottom:1px solid rgba(15,23,42,.07)}th{text-align:left;background:#f8fafcc7;color:var(--muted-strong);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.055em}tbody tr:hover{background:#2563eb11;cursor:pointer}.cards-container{display:none;margin:0 auto 1.5rem;max-width:760px;padding:0 .75rem}.partition-card{position:relative;background:#ffffffdb;border:1px solid rgba(255,255,255,.68);border-radius:var(--radius-lg);padding:1rem 1.15rem;box-shadow:var(--shadow-subtle);margin-bottom:.85rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);overflow:hidden}.partition-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#2563ebb8,#0ea5e96b);opacity:.8}.partition-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0f172a1a;background:#fffffff0;border-color:#2563eb2e}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.65rem;padding-left:.15rem}.card-title{margin:0;font-size:1rem;line-height:1.2;letter-spacing:-.025em;color:var(--text)}.pill{display:inline-flex;align-items:center;margin-top:.3rem;padding:.16rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#dbeafebd;color:#1e40af;border:1px solid rgba(37,99,235,.16)}.card-badge{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.22rem .52rem;border-radius:999px;font-size:.75rem;font-weight:650;color:var(--muted-strong);background:#f8fafcbd;border:1px solid rgba(15,23,42,.07)}.card-badge .dot{width:.42rem;height:.42rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.card-body{display:grid;gap:.38rem;font-size:.84rem;color:var(--muted-strong);padding-left:.15rem}.card-line{margin:0;line-height:1.45}.card-line strong{color:var(--text);font-weight:720}.hardware-cards-container{margin-top:1rem}.machine-partitions-block{margin-top:.4rem;padding-top:.55rem;border-top:1px solid rgba(15,23,42,.07)}.machine-partitions-list{margin:.35rem 0 0;padding-left:1.1rem;font-size:.8rem;color:var(--muted-strong)}.machine-partitions-list li+li{margin-top:.18rem}.card-note{margin-top:.2rem;font-size:.75rem;color:var(--muted)}.card-toggle{margin-top:.45rem;width:fit-content;padding:.25rem .55rem;border:1px solid rgba(37,99,235,.14);border-radius:999px;background:#dbeafe80;font-size:.76rem;font-weight:700;color:#1d4ed8;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.card-toggle:hover{text-decoration:none;background:#dbeafec7;border-color:#2563eb3d;transform:translateY(-1px)}.no-results{text-align:center;color:#6b7280;font-size:.9rem}.badge-os{padding:2px 7px;border-radius:10px;font-size:.85rem;font-weight:600;background:#e0e0e0;color:#333}.badge-os-green{background:#d4f7d6;color:#1b6e22}.badge-os-blue{background:#dbe8ff;color:#1d4ed8}.badge-os-orange{background:#ffe6cc;color:#b45309}.badge-os-red{background:#ffe1e1;color:#b91c1c}.badge-maint{display:inline-flex;align-items:center;gap:.32rem;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:700;white-space:normal;border:1px solid transparent}.badge-maint:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:currentColor}.badge-maint-active{background-color:#22c55e1f;color:#15803d;border-color:#22c55e2e}.badge-maint-soon{background-color:#f59e0b24;color:#b45309;border-color:#f59e0b33}.badge-maint-expired{background-color:#ef444421;color:#b91c1c;border-color:#ef444438}.badge-maint-unknown{background-color:#64748b1f;color:#475569;border-color:#64748b29}.maintenance-line span+span{margin-left:.1rem}.partition-card .badge-maint,.partition-card .badge-os,.partition-card .asset-serial{vertical-align:middle}.partition-card .badge-maint{margin-top:.12rem}.skeleton-container{margin-top:1rem}.skeleton-card{background:#fff;border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;margin-bottom:.75rem}.skeleton-line{height:.7rem;border-radius:999px;margin-bottom:.45rem;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb 80%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-line-title{width:40%;height:.9rem}.skeleton-line-short{width:60%}.highlight{background:#fde0478c;padding:2px 4px;border-radius:8px;box-shadow:inset 0 0 0 1px #eab3082e}.match-count-wrapper{height:1rem;display:flex;justify-content:center;align-items:center}.match-count{font-size:1rem;color:#777;text-align:center;width:100%;display:block;opacity:0;animation:fadeInMatch .35s ease forwards;padding:.5rem}.view-toggle{width:fit-content;max-width:100%;margin:.75rem auto 0;display:flex;justify-content:center;gap:.25rem;padding:.28rem;border-radius:999px;background:#ffffffb8;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 28px #0f172a0f;overflow-x:auto}.view-toggle button{border:1px solid transparent;background:transparent;color:var(--muted-strong);border-radius:999px;padding:.35rem .85rem;font-size:.78rem;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.view-toggle button.active{background:#0f172a;color:#f8fafc;border-color:#0f172a29;box-shadow:0 8px 20px #0f172a2e}.hardware-placeholder{padding:2rem 1rem;text-align:center;color:#4b5563;font-size:.95rem}.hardware-table-container{margin-top:1rem}.hardware-table{width:100%;border-collapse:collapse}.hardware-table .expand-btn{border:none;background:transparent;cursor:pointer;font-size:.85rem;padding:0}.hardware-partitions-row td{background-color:#f8fafcd6;padding:.75rem}.nested-partitions-table{width:100%;border-collapse:collapse;font-size:.85rem}.nested-partitions-table th,.nested-partitions-table td{padding:1rem .5rem;border-bottom:1px solid #e5e7eb}.nested-partitions-table thead{background-color:#f1f5f9e0}@keyframes fadeInMatch{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:800px){.table-container{display:block}.cards-container{display:none}}@media(max-width:799px){.table-container{display:none}.cards-container{display:block;padding:0}.app{padding:0 .75rem 1rem}.app-header{padding-bottom:.75rem}.toolbar input{max-width:none;width:100%}.partition-card{margin-left:0;margin-right:0}.card-header{flex-wrap:wrap}.card-badge{max-width:100%}}.asset-view{display:flex;flex-direction:column;gap:18px;padding:16px}.asset-customer-card{border:1px solid rgba(255,255,255,.66);border-radius:var(--radius-xl);overflow:hidden;background:#ffffffd6;box-shadow:var(--shadow-soft);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.asset-customer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;background:linear-gradient(135deg,rgba(37,99,235,.08),transparent 42%),#f8fafcb8;border-bottom:1px solid rgba(15,23,42,.07)}.asset-customer-title{margin:0;font-size:1.15rem;line-height:1.2;letter-spacing:-.03em;color:var(--text)}.asset-customer-subtitle{margin:6px 0 0;font-size:.8rem;color:var(--muted)}.asset-customer-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.asset-stat{font-size:.72rem;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid rgba(37,99,235,.12);background:#ffffffc7;color:#1e3a8a;white-space:nowrap;box-shadow:0 1px #0f172a08}.asset-stat strong{font-size:.82rem;color:var(--text)}.asset-maintenance-summary{display:inline-flex;align-items:center;gap:.35rem}.asset-maintenance-summary.badge-maint-active,.asset-maintenance-summary.badge-maint-soon,.asset-maintenance-summary.badge-maint-expired,.asset-maintenance-summary.badge-maint-unknown{border-width:1px}.asset-customer-body{display:grid;grid-template-columns:1fr;gap:14px;padding:14px 16px}.asset-table-block{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(15,23,42,.07);border-radius:var(--radius-lg);background:#f8fafc9e}.asset-table-block-as400{border-left:4px solid rgba(37,99,235,.68)}.asset-table-block-flash{border-left:4px solid rgba(124,58,237,.6)}.asset-table-block-vtl{border-left:4px solid rgba(245,158,11,.72)}.asset-table-block-hmc{border-left:4px solid rgba(71,85,105,.62)}.asset-table-title{margin:0;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-strong);display:flex;align-items:center;gap:10px}.asset-table-icon{width:1.35rem;height:1.35rem;display:inline-grid;place-items:center;border-radius:8px;font-size:.72rem;line-height:1;border:1px solid transparent}.asset-table-icon-as400{color:#1d4ed8;background:#2563eb1c;border-color:#2563eb29}.asset-table-icon-flash{color:#6d28d9;background:#7c3aed1a;border-color:#7c3aed29}.asset-table-icon-vtl{color:#b45309;background:#f59e0b1f;border-color:#f59e0b2e}.asset-table-icon-hmc{color:#475569;background:#64748b1f;border-color:#64748b2e}.asset-table-count{margin-left:auto;padding:.13rem .46rem;border-radius:999px;font-size:.68rem;letter-spacing:0;color:var(--muted-strong);background:#ffffffb8;border:1px solid rgba(15,23,42,.07)}.asset-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(15,23,42,.07);border-radius:var(--radius-md);background:#ffffffe0;overflow:hidden}.asset-serial{display:inline-flex;align-items:center;max-width:100%;padding:.18rem .48rem;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:700;letter-spacing:.01em;color:#0f172a;background:#e2e8f09e;border:1px solid rgba(15,23,42,.08);white-space:nowrap}.asset-serial .highlight{padding:0 2px;border-radius:5px}.asset-table{width:100%;min-width:720px;font-variant-numeric:tabular-nums}.asset-table thead th{font-size:12px;letter-spacing:.35px;text-transform:uppercase;opacity:.9}.asset-table tbody tr:nth-child(2n){background:#00000004}.asset-table tbody tr:hover{background:#2563eb0b}.asset-table td:first-child,.asset-table th:first-child{padding-left:14px}.asset-table td:last-child,.asset-table th:last-child{padding-right:14px}.asset-table th,.asset-table td{padding:9px 12px}.asset-mobile-cards{display:none}.asset-mobile-card{position:relative;padding:.95rem 1rem;border:1px solid rgba(15,23,42,.07);border-radius:var(--radius-lg);background:#ffffffd1;box-shadow:var(--shadow-subtle);overflow:hidden}.asset-mobile-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb9e}.asset-mobile-card-flash:before{background:#7c3aed9e}.asset-mobile-card-vtl:before{background:#f59e0bb8}.asset-mobile-card-hmc:before{background:#475569a3}.asset-mobile-card+.asset-mobile-card{margin-top:.75rem}.asset-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.75rem;padding-left:.15rem}.asset-mobile-card-title{margin:0;font-size:.95rem;line-height:1.2}.asset-mobile-card-subtitle{margin:.35rem 0 0;font-size:.78rem;color:var(--muted)}.asset-mobile-card-details{display:grid;gap:.45rem;margin:0;padding-left:.15rem}.asset-mobile-card-detail{display:grid;grid-template-columns:minmax(92px,.42fr) 1fr;gap:.65rem;align-items:baseline}.asset-mobile-card-detail dt{margin:0;font-size:.7rem;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.045em}.asset-mobile-card-detail dd{margin:0;font-size:.82rem;color:var(--muted-strong);word-break:break-word}@media(max-width:900px){.asset-view{padding:12px}.asset-customer-header{flex-direction:column;align-items:flex-start}.asset-customer-stats{justify-content:flex-start}.asset-table{min-width:620px}.asset-table-scroll{display:none}.asset-mobile-cards{display:block}}@media(max-width:520px){.asset-customer-title{font-size:16px}.asset-stat{font-size:11px;padding:5px 9px}.asset-table{min-width:560px}.asset-table-title{gap:8px}.asset-table-icon{width:1.2rem;height:1.2rem}.asset-serial{font-size:.68rem;padding:.16rem .42rem}.partition-card{padding:.95rem 1rem;border-radius:14px}.card-title{font-size:.95rem}.card-body{font-size:.8rem}.asset-mobile-card-detail{grid-template-columns:1fr;gap:.15rem}.asset-mobile-card-header{flex-direction:column}}html,body{background-color:var(--bg)}