:root{
  --ink:#171717;--muted:#777773;--line:#e8e7e3;--paper:#fff;--bg:#efefed;
  --deep:#171717;--teal:#222;--teal-soft:#f1f1ef;--blue:#171717;--blue-soft:#f3f3f1;
  --orange:#d99b19;--orange-soft:#fff5d8;--purple:#171717;--purple-soft:#f2f2f0;
  --shadow:0 8px 30px rgba(24,24,21,.055)
}
html{background:var(--bg)}
body{background:#efefed;color:var(--ink)}
.app{grid-template-columns:248px minmax(0,1fr);gap:0;background:#efefed}
.sidebar{padding:22px 17px;background:#fafaf8;color:#171717;border-right:1px solid #deded9}
.logo{padding:0 11px 28px}.logo img{filter:none}.logo strong{font-weight:800}
.sidebar nav{gap:7px}.sidebar nav>small{color:#a2a29d;margin:24px 14px 9px}
.nav{color:#73736e;border-radius:999px;padding:12px 15px;font-weight:700}
.nav:hover{background:#f0f0ed;color:#171717;transform:none}.nav.active{background:#171717;color:#fff;box-shadow:none}
.profile{border-top:1px solid #e2e2de}.profile>b{background:#f3c44e;color:#171717}.profile span small{color:#90908b}
.profile #logout-btn{background:#f0f0ed;color:#171717;border-color:#dfdfda}.profile #logout-btn:hover{background:#171717;color:#fff}
main{max-width:1760px;padding:28px 34px 72px}
.page-head{margin-bottom:22px}.page-head p,.overline{color:#92928d;font-weight:700}.page-head h1{font-size:32px;font-weight:800}
.primary{background:#171717;color:#fff;border:1px solid #171717;box-shadow:none}.primary:hover{background:#2c2c2a;filter:none}
.secondary{border-color:#deded9;background:#fff;color:#171717}.secondary:hover{border-color:#bdbdb7;background:#fafaf8}
.source-panel,.needs-panel,.visual-compare,.more-results,.form-section,.admin-aside article{border:0;border-radius:22px;box-shadow:var(--shadow)}
.source-panel{padding:24px}.source-panel:before{display:none}
.step-label{font-size:20px}.step-label>b{border-radius:50%;background:#171717;width:31px;height:31px}
.search{height:56px;border:0;border-radius:999px;background:#f1f1ef;box-shadow:none;padding:0 18px}
.search:focus-within{box-shadow:0 0 0 3px rgba(236,181,45,.28)}
.search-line>.primary{border-radius:999px;padding-left:24px;padding-right:24px}
.source-card{grid-template-columns:82px minmax(240px,1fr) repeat(4,minmax(95px,.42fr));gap:14px;background:#f7f7f4;border:1px solid #ecece7;border-radius:18px}
.source-card img,.recommend-product img{border:0;background:#fff;border-radius:16px}
.source-stat{min-width:0;padding-left:13px;border-left:1px solid #dfdfda}.source-stat strong{line-height:1.25;overflow-wrap:anywhere}
.source-edit{grid-column:2/-1;border-color:#d9d9d3;background:#fff;color:#171717;border-radius:999px;padding:9px 14px}
.needs-panel{padding:23px;margin-top:16px}
.text-button{color:#6e5a1c}.needs-grid input,.needs-grid select,.form-grid input,.form-grid select,.form-grid textarea,.admin-aside input,.admin-aside textarea,.table-search,.more-results select{border-color:#deded9;border-radius:12px;background:#f8f8f6}
.needs-grid input:focus,.needs-grid select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid rgba(236,181,45,.22);border-color:#d1a737}
.recommendations{margin-top:27px}.results-toggle{border-color:#e5d08a;background:#fff5d8;color:#735819}
.recommendation-grid{gap:15px}.recommend-card{border:0;border-radius:22px;box-shadow:var(--shadow)}
.recommend-card.best,.recommend-card.earning,.recommend-card.upgrade,.recommend-card.saving,.recommend-card.brand,.recommend-card.extra{border-top:0}
.recommend-head{margin:12px 14px 8px;padding:10px 12px;border-radius:12px;background:#f3f3f1}
.recommend-head span,.best .recommend-head span,.earning .recommend-head span,.upgrade .recommend-head span,.saving .recommend-head span,.brand .recommend-head span,.extra .recommend-head span{color:#242421}
.recommend-head b{background:#fff;color:#171717}
.quick-diffs{gap:7px}.diff{border-radius:999px}.diff.good{background:#e5f5ed;color:#216d4e}.diff.bad{background:#fae9e7;color:#9f4339}.diff.different{background:#fff1ca;color:#795b12}.diff.same{background:#efefed;color:#666661}
.argument,.accessory-upsell{background:#f7f7f4;border-color:#ecece6}
.offer-metrics{border-color:#ebebe7}.offer-metrics div{border-color:#ebebe7}.offer-metrics .earning-value{color:#171717}
.recommend-actions .offer-link{border-color:#171717;background:#171717;border-radius:999px}.recommend-actions button{border-color:#dcdcd7;border-radius:999px}
.visual-compare,.more-results{padding:24px}.comparison-wrap{border-color:#e5e5e0;border-radius:16px}.comparison-wrap th{background:#f5f5f2}.comparison-wrap th:first-child{background:#f5f5f2}
.compact-row{border-color:#e8e8e3;border-radius:15px;background:#fff}.compact-actions a,.compact-actions button{border-radius:999px}
.admin-tabs{padding:5px;border-radius:999px;background:#e3e3df}.admin-tabs button{border:0;border-radius:999px;background:transparent}.admin-tabs button.active{background:#171717;color:#fff}
.form-section>header>b{border-radius:50%;background:#171717!important;color:#fff!important}
.form-section,.admin-aside article{padding:23px}.earning-rule-box,.security-note,.recommendation-tag-field,.import-status,.needs-settings-toolbar{background:#f6f6f3;border-color:#e6e6e1}
.add-characteristic{border:0;border-radius:999px;background:#171717;color:#fff}.edit-product{border-radius:999px;border-color:#d9d9d3;color:#171717}
.admin-table th{color:#858580;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-table td{border-bottom-color:#ecece8}
.admin-table .all-fabric-row td{background:#fff8df}.admin-table .all-fabric-row td:first-child{border-left-color:#e8b12e}.all-fabric-label{background:#171717}
.login-screen{background:radial-gradient(circle at 77% 15%,rgba(247,195,65,.32),transparent 31%),linear-gradient(145deg,#ececea,#d9d9d5)}
.login-brand{color:#171717}.login-brand img{filter:none}.login-card{border:0;border-radius:28px;box-shadow:0 28px 80px rgba(25,25,22,.17)}
.login-card input{background:#f5f5f2;border-color:#e1e1dc}.login-card input:focus{outline-color:rgba(236,181,45,.27);border-color:#d2aa3e}
@media(max-width:1280px){.source-card{grid-template-columns:74px minmax(210px,1fr) repeat(2,minmax(100px,.4fr))}.source-card .source-stat:nth-of-type(n+3){display:none}}
@media(max-width:980px){.sidebar{background:#fafaf8;border-right:0;border-bottom:1px solid #deded9}.sidebar nav{background:#ededeb;border-radius:999px;padding:4px}.nav.active{box-shadow:none}.source-card{grid-template-columns:70px 1fr repeat(2,minmax(90px,.5fr))}}
@media(max-width:650px){main{padding:18px 12px 60px}.page-head h1{font-size:26px}.source-panel,.needs-panel,.visual-compare,.more-results,.form-section,.admin-aside article{border-radius:18px}.search,.search-line>.primary{border-radius:14px}}