:root{--ink:#132b2a;--muted:#6d7f7d;--line:#dce7e5;--paper:#fff;--bg:#f4f7f8;--deep:#0a2b2a;--teal:#20b9a8;--teal-soft:#e3f8f4;--blue:#4d70d8;--blue-soft:#eaf0ff;--orange:#e98950;--orange-soft:#fff0e7;--red:#cb5262;--red-soft:#fdecef;--purple:#8a69d4;--purple-soft:#f0ebff;--shadow:0 16px 45px rgba(20,54,65,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:17px;background:linear-gradient(135deg,#f3faf8,#f5f6fd 50%,#fff8f3)}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:25px 18px;background:linear-gradient(180deg,#092c2b,#162b4c);color:#fff;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;padding:0 10px 30px;font-size:21px}.logo>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#4dddd0,#7e9cff);color:#0b3030;font-weight:900}.sidebar nav{display:grid;gap:6px}.sidebar nav>small{margin:22px 14px 8px;color:#799894;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.nav{border:0;background:transparent;color:#bfd0ce;border-radius:11px;padding:13px 14px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer}.nav i{font-size:20px;font-style:normal;width:21px;text-align:center}.nav:hover,.nav.active{background:rgba(255,255,255,.09);color:#fff}.nav.active{box-shadow:inset 3px 0 #48d4c4}.profile{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px}.profile>b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dff6f1;color:#103b38;font-size:13px}.profile span strong,.profile span small{display:block}.profile span strong{font-size:14px}.profile span small{font-size:12px;color:#9cb3b0;margin-top:3px}main{min-width:0;padding:30px 36px 70px;max-width:1700px;width:100%;margin:auto}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p,.overline{margin:0 0 4px;color:#738582;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.page-head h1{margin:0;font-size:31px;letter-spacing:-.035em}.page-head>div:last-child{display:flex;gap:9px}.primary,.secondary{border-radius:11px;padding:12px 18px;font-weight:750;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#08776f,#3c5ca7);color:#fff}.primary:hover{filter:brightness(.95)}.primary.small{padding:10px 15px}.secondary{border:1px solid #cfdcda;background:#fff;color:#173a37}.source-panel,.needs-panel,.visual-compare,.more-results,.form-section,.admin-aside article{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.source-panel{padding:23px;position:relative}.source-panel:before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--teal),var(--blue),var(--orange))}.step-label{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.step-label>b{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--deep);color:#fff;font-size:14px}.search-line{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.search{height:54px;border:1px solid #b9d2cd;border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 15px;box-shadow:0 0 0 3px rgba(32,185,168,.08)}.search>span{font-size:22px;color:#6b8581}.search input{border:0;outline:0;width:100%;color:var(--ink);font-size:17px}.source-card{display:grid;grid-template-columns:84px minmax(260px,1.3fr) repeat(4,minmax(110px,.45fr));gap:16px;align-items:center;margin-top:16px;padding:16px;border-radius:14px;background:linear-gradient(110deg,#effbf8,#f2f4ff 70%,#fff2e9)}.source-card img{width:84px;height:84px;object-fit:contain;background:#fff;border:1px solid #e3ebea;border-radius:12px}.source-card h2{margin:0 0 5px;font-size:19px}.source-card p{margin:0;color:var(--muted);font-size:14px}.source-stat{border-left:1px solid #dce6e5;padding-left:15px}.source-stat small,.source-stat strong{display:block}.source-stat small{font-size:12px;color:var(--muted);margin-bottom:4px}.source-stat strong{font-size:16px}.needs-panel{padding:21px;margin-top:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-title h2{margin:0;font-size:23px}.section-title>p{margin:0;color:var(--muted);font-size:14px}.text-button{border:0;background:transparent;color:#14877c;font-weight:700;cursor:pointer}.needs-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-top:16px}.needs-grid label,.form-grid label,.admin-aside label{position:relative;display:grid;gap:6px;color:#526562;font-size:13px;font-weight:700}.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{width:100%;border:1px solid #d2dfdd;border-radius:10px;background:#fff;padding:10px 11px;color:var(--ink)}.check-line{display:flex!important;align-items:center!important;align-self:end;min-height:43px;flex-direction:row!important;border:1px solid #dce6e4;border-radius:10px;padding:9px 11px;background:#f8fbfa}.check-line input{width:auto!important;accent-color:var(--teal)}.recommendations{margin-top:27px}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:15px}.recommend-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.recommend-card.best{border-top:5px solid var(--teal)}.recommend-card.earning{border-top:5px solid var(--blue)}.recommend-card.upgrade{border-top:5px solid var(--orange)}.recommend-head{padding:17px 18px 13px;display:flex;justify-content:space-between;align-items:center}.recommend-head span{font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.best .recommend-head span{color:#087c71}.earning .recommend-head span{color:#3d5fc2}.upgrade .recommend-head span{color:#b65f2f}.recommend-head b{background:#eff4f3;border-radius:99px;padding:5px 9px;font-size:12px}.recommend-product{display:grid;grid-template-columns:84px 1fr;gap:13px;padding:0 18px 15px}.recommend-product img{width:84px;height:84px;object-fit:contain;border:1px solid #e3ebea;border-radius:12px}.recommend-product h3{margin:4px 0 5px;font-size:19px}.recommend-product p{margin:0;color:var(--muted);font-size:13px}.quick-diffs{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 14px}.diff{border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700}.diff.good{background:var(--teal-soft);color:#08786e}.diff.bad{background:var(--red-soft);color:#a43c4b}.diff.different{background:var(--orange-soft);color:#ae5b2d}.diff.same{background:#eff3f3;color:#61716f}.offer-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e6eceb;border-bottom:1px solid #e6eceb;margin-top:auto}.offer-metrics div{padding:12px;border-right:1px solid #e6eceb}.offer-metrics div:last-child{border:0}.offer-metrics small,.offer-metrics strong{display:block}.offer-metrics small{font-size:11px;color:var(--muted);margin-bottom:4px}.offer-metrics strong{font-size:16px}.offer-metrics .earning-value{color:#365fc0}.recommend-actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 18px}.recommend-actions button{border:1px solid #b9ceca;border-radius:10px;padding:9px 12px;background:#fff;font-weight:750;cursor:pointer}.recommend-actions button:first-child{background:var(--deep);color:#fff;border-color:var(--deep)}.argument{margin:0 18px 15px;padding:11px 12px;border-radius:10px;background:#f6f8fa;color:#506260;font-size:13px;line-height:1.45}.visual-compare{padding:22px;margin-top:27px}.legend{display:flex;gap:8px;flex-wrap:wrap}.legend span{padding:5px 8px;border-radius:7px;font-size:12px}.legend .good,.compare-cell.good{background:var(--teal-soft);color:#08786e}.legend .bad,.compare-cell.bad{background:var(--red-soft);color:#a43c4b}.legend .different,.compare-cell.different{background:var(--orange-soft);color:#ae5b2d}.legend .same,.compare-cell.same{background:#eff3f3;color:#637371}.comparison-wrap{overflow:auto;margin-top:15px;border:1px solid var(--line);border-radius:13px}.comparison-wrap table{border-collapse:collapse;min-width:950px;width:100%;font-size:14px}.comparison-wrap th,.comparison-wrap td{padding:11px 13px;border-bottom:1px solid #e8eeed;border-right:1px solid #e8eeed;text-align:left}.comparison-wrap th{background:#f7faf9;position:sticky;top:0}.comparison-wrap th:first-child,.comparison-wrap td:first-child{position:sticky;left:0;background:#fff;z-index:1;font-weight:700;min-width:170px}.comparison-wrap th:first-child{background:#f7faf9;z-index:2}.compare-product{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;min-width:180px}.compare-product img{width:42px;height:42px;object-fit:contain}.compare-product strong,.compare-product small{display:block}.compare-product small{color:var(--muted);margin-top:2px}.compare-cell{border-radius:7px;padding:5px 7px;display:inline-block;font-weight:700}.more-results{padding:22px;margin-top:20px}.more-results h2 span{font-size:13px;color:var(--muted)}.compact-list{display:grid;gap:8px;margin-top:14px}.compact-row{display:grid;grid-template-columns:52px minmax(220px,1.1fr) repeat(4,minmax(110px,.5fr)) 110px;align-items:center;gap:13px;padding:11px;border:1px solid #e3ebea;border-radius:12px}.compact-row img{width:52px;height:52px;object-fit:contain}.compact-row h3{margin:0 0 3px;font-size:15px}.compact-row p,.compact-row small{margin:0;color:var(--muted);font-size:12px}.compact-row strong{font-size:15px}.compact-row button{border:1px solid #bed0cd;background:#fff;border-radius:9px;padding:8px;font-weight:700}.admin-tabs{display:flex;gap:8px;margin-bottom:17px;overflow:auto}.admin-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer}.admin-tabs button.active{background:var(--deep);color:#fff}.admin-panel{display:none}.admin-panel.active{display:block}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px}.admin-main{display:grid;gap:15px}.form-section,.admin-aside article{padding:21px}.form-section>header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.form-section>header>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--teal-soft);color:#08776d}.form-section.accent-blue>header>b{background:var(--blue-soft);color:var(--blue)}.form-section.accent-orange>header>b{background:var(--orange-soft);color:var(--orange)}.form-section.accent-purple>header>b{background:var(--purple-soft);color:var(--purple)}.form-section h2{font-size:19px;margin:0 0 3px}.form-section header p{margin:0;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.form-grid .wide{grid-column:span 2}.form-grid textarea{resize:vertical}.form-grid label em{position:absolute;right:11px;bottom:11px;font-style:normal;color:var(--muted)}.characteristics{grid-template-columns:repeat(4,1fr)}.reward-matrix{margin-top:18px;padding:14px;border-radius:12px;background:#f7f9fc}.reward-matrix>div{display:grid;grid-template-columns:repeat(8,auto);gap:8px;align-items:center;margin-top:10px}.reward-matrix span{font-size:12px;color:var(--muted)}.reward-matrix input{width:80px;border:1px solid var(--line);border-radius:8px;padding:7px}.admin-aside{display:grid;align-content:start;gap:15px}.admin-aside h3{margin:0 0 13px;font-size:17px}.upload-box{min-height:170px;border:1.5px dashed #b8ceca;border-radius:13px;display:grid;place-content:center;text-align:center;color:#657875}.upload-box span{font-size:30px;color:var(--teal)}.upload-box b,.upload-box small{display:block;margin-top:4px}.switch{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f0;padding:11px 0}.switch span b,.switch span small{display:block}.switch span small{font-weight:400;color:var(--muted);margin-top:3px}.switch input{width:18px;height:18px;accent-color:var(--teal)}.table-scroll{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e7edec;text-align:left;font-size:14px}.admin-table td:first-child strong,.admin-table td:first-child small{display:block}.admin-table td:first-child small{color:var(--muted);margin-top:3px}.rules-list{display:grid;gap:8px}.rules-list label{display:grid;grid-template-columns:1fr 1.3fr 55px;gap:15px;align-items:center;padding:13px;border:1px solid #e5ecea;border-radius:11px}.rules-list span b,.rules-list span small{display:block}.rules-list span small{color:var(--muted);margin-top:3px}.rules-list input{accent-color:var(--teal)}@media(max-width:1280px){.needs-grid{grid-template-columns:repeat(3,1fr)}.recommendation-grid{grid-template-columns:1fr}.recommend-card{display:grid;grid-template-columns:1fr 1.1fr}.recommend-head,.recommend-product,.quick-diffs,.argument{grid-column:1}.offer-metrics,.recommend-actions{grid-column:2}.offer-metrics{grid-row:1/3;margin:0}.recommend-actions{align-self:end}.compact-row{grid-template-columns:52px 1fr repeat(2,minmax(100px,.5fr)) 100px}.compact-row>*:nth-child(4),.compact-row>*:nth-child(5){display:none}.characteristics{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:13px 18px;display:block}.logo{padding:0}.sidebar nav,.profile{display:none}main{padding:20px 15px}.source-card{grid-template-columns:70px 1fr repeat(2,1fr)}.source-card .source-stat:nth-of-type(n+3){display:none}.needs-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.admin-aside{grid-template-columns:1fr 1fr}.form-grid,.characteristics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){body{font-size:16px}.page-head h1{font-size:25px}.page-head .secondary{display:none}.search-line{grid-template-columns:1fr}.source-card{grid-template-columns:66px 1fr}.source-card .source-stat{display:none}.needs-grid{grid-template-columns:1fr}.recommend-card{display:flex}.offer-metrics,.recommend-actions{grid-column:auto}.legend{display:none}.compact-row{grid-template-columns:48px 1fr 90px}.compact-row>*:nth-child(n+4){display:none}.admin-aside{grid-template-columns:1fr}.form-grid,.characteristics{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.reward-matrix>div{grid-template-columns:1fr 1fr}.page-head>div:last-child .secondary{display:none}}