.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#100e0bf0;height:100vh;padding:24px 18px;position:sticky;top:0}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-badge{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#1a120a;border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:800;display:grid}.brand h1{color:var(--text);margin:0;font-size:1.65rem}.nav{flex-direction:column;gap:10px;display:flex}.nav-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:12px 14px;font-size:1rem;transition:all .2s}.nav-item:hover{background:var(--panel);border-color:var(--border)}.nav-item.active{background:#b8874624;border-color:#b8874659}.main-content{padding:28px}.section-stack{gap:18px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.topbar h2{color:var(--text);margin:0;font-size:2rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.filter-chip,.toggle-box,.best-value-item{cursor:pointer;border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .2s}.primary-btn{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#1a120a;border:none;font-weight:700}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.danger-btn:hover,.filter-chip:hover,.toggle-box:hover,.best-value-item:hover{transform:translateY(-1px)}.secondary-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.ghost-btn{color:var(--text);border:1px solid var(--border);background:0 0}.danger-btn{color:#ffb7b7;background:#dc50501f;border:1px solid #dc505080}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#181512f0;border-radius:20px;padding:22px}.simple-panel-header{margin-bottom:14px}.simple-panel-header h3{color:var(--text);margin:0;font-size:1.2rem}.top-dashboard-grid{grid-template-columns:1.12fr .88fr;align-items:stretch;gap:18px;display:grid}.workspace-panel,.best-value-panel{min-height:100%}.workspace-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:16px}.stat-card span{color:var(--muted);margin-bottom:8px;font-size:.88rem;display:block}.stat-card strong{color:var(--text);font-size:1.45rem}.best-value-list{gap:12px;display:grid}.best-value-item{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff08;gap:14px;display:flex}.best-value-item.selected{background:#b8874614;border-color:#b8874699}.best-rank{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#1a120a;border-radius:14px;place-items:center;min-width:46px;height:46px;font-weight:800;display:grid}.best-body h4{color:var(--text);margin:0 0 4px;font-size:1rem}.best-body p{color:var(--muted);margin:0 0 10px}.best-meta-row{color:#d8c4a0;flex-wrap:wrap;gap:10px;font-size:.84rem;display:flex}.toolbar-row{justify-content:flex-start;display:flex}.filter-panel{padding-top:20px}.filter-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.filter-grid.two-wide{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.filter-grid.custom-grid{grid-template-columns:repeat(2,1fr);margin-top:16px}.filter-field,.field-wrap{gap:8px;display:grid}.filter-field label,.field-wrap label,.chip-title,.form-section-title{color:var(--muted);font-size:.88rem}.filter-grid input,.filter-grid select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#14110e;border-radius:12px;outline:none;padding:12px 14px}.readonly-input{font-weight:700;color:#f3d3a2!important;background:#b8874614!important;border-color:#b8874659!important}.filter-chip-block{margin-top:16px}.filter-chip-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.filter-chip{color:var(--text);border:1px solid var(--border);background:#ffffff05;padding:10px 14px}.filter-chip.compact{padding:10px 12px}.filter-chip.active,.toggle-box.active{color:#f8d9a9;background:#b8874624;border-color:#b8874680}.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.filter-result-text{color:var(--text);font-weight:600}.active-filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.filter-badge,.record-count-pill,.record-tag,.value-pill,.favorite-badge{border-radius:999px;align-items:center;padding:8px 12px;font-size:.84rem;display:inline-flex}.filter-badge,.record-tag,.record-count-pill.muted{border:1px solid var(--border);color:var(--muted);background:#ffffff0a}.record-count-pill,.value-pill,.favorite-badge,.record-tag.favorite{color:#f8d9a9;background:#b8874624;border:1px solid #b8874666}.filter-actions,.form-actions,.detail-actions,.image-upload-row{flex-wrap:wrap;gap:12px;display:flex}.form-panel.editing-mode{border-color:#b8874673}.editing-banner{color:#f3d3a2;background:#b887461f;border:1px solid #b8874659;border-radius:12px;margin-bottom:16px;padding:12px 14px}.form-section-title{color:#e9ddcf;margin:18px 0 12px;font-weight:700}.form-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.form-grid textarea{resize:vertical}.field-wrap.full{grid-column:1/-1}.toggle-box,.upload-box{border:1px solid var(--border);color:var(--text);background:#ffffff08;justify-content:center;align-items:center;min-height:46px;display:inline-flex}.image-preview-wrap{margin-top:16px}.image-preview,.detail-image,.record-thumb{object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%}.image-preview{max-height:260px}.record-list-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.record-list-header h3{color:var(--text);margin:0;font-size:1.2rem}.record-list-meta{flex-wrap:wrap;gap:10px;display:flex}.record-list{gap:14px;display:grid}.record-card{border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:16px;grid-template-columns:110px 1fr auto;align-items:flex-start;gap:16px;padding:18px;transition:all .2s;display:grid}.record-card:hover{border-color:#b8874666}.record-card.selected{background:#b8874614;border-color:#b88746a6}.record-thumb-wrap{width:110px}.record-thumb,.detail-image{aspect-ratio:1;background:#111}.placeholder{color:var(--muted);background:#ffffff0a;place-items:center;display:grid}.record-main{min-width:0}.record-topline{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.record-topline h4{color:var(--text);margin:0;font-size:1.06rem}.record-subtitle{color:var(--muted);margin:4px 0 0}.score-cluster{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.score{text-align:center;background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#1a120a;border-radius:999px;min-width:54px;padding:6px 10px;font-weight:800}.record-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.notes{color:var(--text);opacity:.92;margin:0;line-height:1.7}.clamp-two{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.record-side-meta{justify-items:end;gap:8px;display:grid}.record-price{color:var(--text);font-weight:700}.record-date{color:var(--muted);font-size:.9rem}.panel-header{margin-bottom:16px}.panel-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-layout{gap:20px;display:grid}.detail-hero{grid-template-columns:220px 1fr;gap:18px;display:grid}.detail-heading h3{color:var(--text);margin:6px 0 10px;font-size:1.8rem}.detail-heading p{color:var(--muted);margin:0;line-height:1.8}.detail-brand-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{color:var(--accent);font-size:.82rem;display:inline-block}.detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.detail-item{border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:14px}.detail-item span{color:var(--muted);margin-bottom:8px;font-size:.85rem;display:block}.detail-item strong{white-space:pre-wrap;color:var(--text);line-height:1.7;display:block}.empty-state{border:1px dashed var(--border);color:var(--muted);background:#ffffff05;border-radius:16px;padding:24px}.form-anchor{margin-bottom:4px}.final-actions{margin-top:20px}@media (width<=1280px){.top-dashboard-grid{grid-template-columns:1fr}.workspace-stats-grid,.detail-grid,.form-grid,.filter-grid.two-wide{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.record-card,.detail-hero,.filter-grid,.filter-grid.two-wide,.filter-grid.custom-grid,.form-grid,.detail-grid,.workspace-stats-grid{grid-template-columns:1fr}}@media (width<=720px){.main-content{padding:18px}.topbar,.panel-header-row,.record-list-header{flex-direction:column;align-items:stretch}.record-card{grid-template-columns:1fr}.record-thumb-wrap{width:100%}.record-side-meta,.score-cluster{place-items:start}}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-list{gap:10px;display:grid}.bar-row{grid-template-columns:100px 1fr auto;align-items:center;gap:10px;display:grid}.bar-row span,.bar-row strong{font-size:.86rem}.bar-track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), #ffd59e);height:100%}.panel-header input,.panel-header-row input,.detail-item select{border:1px solid var(--border);color:var(--text);background:#14110e;border-radius:10px;padding:10px 12px}.toast{z-index:40;border:1px solid var(--border);background:#17130f;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;bottom:20px;right:20px}.toast.success{border-color:#50b47873}.toast.error{border-color:#dc505073}.toast button{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;padding:6px 10px}.confirm-mask{z-index:45;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.confirm-card{width:min(520px,90vw)}@media (width<=980px){.analytics-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:80px 1fr auto}}.muted-text{color:var(--muted);margin:6px 0 0;font-size:.9rem}.library-panel{gap:16px;display:grid}.library-filter-grid{border:1px solid var(--border);background:#ffffff05;border-radius:14px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px;display:grid}.filter-flag-field{align-self:end}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.library-card{border:1px solid var(--border);background:#ffffff05;border-radius:14px;gap:12px;padding:14px;display:grid}.library-card-head{justify-content:space-between;gap:10px;display:flex}.library-card-head h4{color:var(--text);margin:0}.library-card-head p{color:var(--muted);margin:4px 0 0}.library-metrics,.library-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1280px){.library-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid{grid-template-columns:1fr}}@media (width<=720px){.library-filter-grid{grid-template-columns:1fr}}:root{color:#f3efe7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#12100d;--panel:#1a1713;--panel-2:#221d18;--card:#181512;--border:#332b24;--text:#f3efe7;--muted:#b7ab9d;--accent:#b88746;--accent-dark:#8f6734;--shadow:0 10px 30px #00000040;background:#12100d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at top, #b887461f, transparent 30%), var(--bg);color:var(--text)}