@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f6f7f5;--surface: #ffffff;--surface-soft: #f9faf8;--ink: #17211e;--muted: #66736f;--line: #e3e8e5;--line-dark: #d3dbd7;--teal: #17483d;--teal-dark: #0d3028;--teal-light: #e8f1ee;--amber: #c78a45;--amber-light: #faf1e6;--error: #b04438;--shadow-sm: 0 2px 8px rgba(20, 35, 30, .05);--shadow-md: 0 8px 25px rgba(20, 35, 30, .08);--shadow-lg: 0 18px 45px rgba(20, 35, 30, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;color:var(--ink);margin:0 0 .45em;letter-spacing:-.015em}h1{font-size:2rem}h2{font-size:1.45rem}h3{font-size:1.15rem}a{color:inherit;text-decoration:none}button{font-family:inherit;background:var(--teal);color:#fff;border:none;border-radius:7px;padding:.62em 1.15em;cursor:pointer;font-size:.88em;font-weight:600;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}button:hover{background:var(--teal-dark);transform:translateY(-1px);box-shadow:0 5px 12px #0d302826}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}button.ghost{background:transparent;color:var(--teal);border:1px solid var(--line-dark);box-shadow:none}button.ghost:hover{background:var(--teal-light);border-color:#bfd0ca;box-shadow:none}button.small{padding:.38em .75em;font-size:.78em;margin-top:.5em}input,select{font-family:inherit;padding:.65em .8em;border:1px solid var(--line-dark);border-radius:7px;background:var(--surface);color:var(--ink);font-size:.88em;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input::placeholder{color:#9aa6a2}input:hover,select:hover{border-color:#b9c5c0}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17483d14}.muted{color:var(--muted);font-size:.88em}.error{color:var(--error);font-size:.88em}.price{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:1.35em;color:var(--teal-dark);margin:.25em 0}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2em;background:radial-gradient(circle at 15% 20%,rgba(199,138,69,.12),transparent 30%),radial-gradient(circle at 85% 80%,rgba(23,72,61,.18),transparent 35%),linear-gradient(145deg,#0c2b24,#17483d 55%,#102f28)}.login-card{background:#fffffffa;padding:2.6em;border-radius:16px;width:min(390px,100%);display:flex;flex-direction:column;gap:1em;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.4)}.login-card h1{font-size:2.1rem;color:var(--teal-dark)}.login-card label{display:flex;flex-direction:column;gap:.4em;font-size:.82em;font-weight:600;color:var(--muted)}.login-card input{width:100%;padding:.75em .85em}.login-card button{width:100%;padding:.75em;margin-top:.3em}.app-shell{min-height:100vh;background:var(--bg)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2em;padding:.85em 2em;background:#0d3028f7;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 3px 18px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .wordmark{font-family:"DM Serif Display",Georgia,serif;font-size:1.45em;letter-spacing:.01em;white-space:nowrap}.topbar nav{display:flex;align-items:center;gap:.25em;flex:1}.topbar nav a{color:#ffffffad;font-size:.86em;font-weight:500;padding:.55em .8em;border-radius:6px;transition:color .2s ease,background .2s ease}.topbar nav a:hover{color:#fff;background:#ffffff14}.topbar nav a.active{color:#fff;background:#ffffff1f}.topbar-right{display:flex;align-items:center;gap:.8em;color:#ffffffb8;font-size:.82em}.topbar-right .ghost{color:#fff;border-color:#ffffff38}.topbar-right .ghost:hover{background:#ffffff1a}.data-banner{padding:.65em 2em;background:var(--amber-light);color:#755027;font-size:.82em;border-bottom:1px solid #ead9c4}.data-banner.error{background:#fbe9e6;color:var(--error);border-bottom-color:#edc9c4}.data-banner.subtle{background:transparent;color:var(--muted);border-bottom:1px solid var(--line)}main{padding:2.2em;max-width:1250px;margin:0 auto}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:.65em;margin-bottom:1.5em;padding:.9em;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm)}.filters input,.filters select{min-width:120px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2em}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.2em;display:flex;flex-direction:column;min-height:180px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);border-color:#ccd7d2;box-shadow:var(--shadow-md)}.card h3{font-size:1.18rem;margin-bottom:.3em}.card .muted{margin-bottom:.25em}.card .price{margin-top:auto;padding-top:.8em}.card p{margin:.25em 0}.card strong{color:var(--teal-dark)}.pagination{display:flex;align-items:center;justify-content:center;gap:1em;margin-top:2em;padding:.8em;color:var(--muted)}.pagination button{min-width:85px}.detail{max-width:800px;margin:0 auto}.back-link{display:inline-flex;align-items:center;margin-bottom:1.2em;color:var(--teal);font-weight:600;font-size:.88em;transition:transform .2s ease}.back-link:hover{transform:translate(-3px)}.warning-box,.similar{margin-top:1.4em;padding:1.2em;border:1px solid var(--line);border-radius:10px;background:var(--amber-light)}.warning-box{border-left:4px solid var(--amber)}.similar{background:var(--surface);box-shadow:var(--shadow-sm)}.insights{width:100%}.insights section{margin-bottom:2.5em;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.4em;box-shadow:var(--shadow-sm)}.insights section h2{padding-bottom:.6em;border-bottom:1px solid var(--line)}.stat-list{list-style:none;padding:0;margin:0}.stat-list li{display:flex;justify-content:space-between;gap:1em;padding:.7em 0;border-bottom:1px dashed var(--line)}.stat-list li:last-child{border-bottom:none}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88em;overflow:hidden;border:1px solid var(--line);border-radius:8px}th,td{text-align:left;padding:.75em .8em;border-bottom:1px solid var(--line)}th{background:var(--surface-soft);color:var(--muted);font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafcfb}@media (max-width: 800px){.topbar{gap:1em;padding:.8em 1em;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow-x:auto}.topbar-right{margin-left:auto}main{padding:1.2em}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 520px){h1{font-size:1.65rem}.topbar .wordmark{font-size:1.25em}.topbar-right{font-size:.75em}.filters{align-items:stretch;flex-direction:column}.filters input,.filters select{width:100%}.grid{grid-template-columns:1fr}.login-card{padding:2em}}
