/* Close structural adaptation of the selected dashboard reference. */
:root{--ink:#11110f;--muted:#6b6b67;--canvas:#dededc;--shell:#f7f7f5;--surface:#fff;--soft:#ececea;--line:#e6e6e2;--sun:#ffc94d}
html,body{background:var(--canvas)}
.app{width:calc(100% - 36px);min-height:calc(100vh - 36px);margin:18px;border:9px solid #fff;border-radius:38px;grid-template-columns:92px minmax(0,1fr);background:var(--shell);box-shadow:0 18px 50px rgba(30,30,25,.08)}
.sidebar{height:calc(100vh - 54px);top:27px;padding:14px 12px 18px;background:#fafaf9;border-radius:28px 0 0 28px}.logo{padding:0 0 64px}.logo img{width:40px;height:40px;object-fit:contain}
.sidebar nav{gap:13px}.nav{width:48px;height:48px;min-height:48px;border:0;border-radius:50%;background:#ececea;color:#333;box-shadow:none;transition:transform .16s ease,background .16s ease,color .16s ease}.nav i{width:21px;height:21px}.nav svg,.round-action svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav.active,.nav:hover{background:#111;color:#fff;transform:translateY(-1px)}
.profile{gap:0}.profile>b{display:none}.profile #logout-btn{width:48px!important;height:48px!important;margin:0;background:#ececea;border-radius:50%;color:#222}.profile #logout-btn:hover{background:#111;color:#fff}
main{padding:21px 29px 60px 32px;background:var(--shell)}
.manager-topbar{max-width:none;display:grid;grid-template-columns:minmax(320px,535px) 1fr;align-items:center;gap:24px;min-height:52px}.manager-topbar .search{height:46px;padding:0 18px;background:#ececea;border-radius:999px}.manager-topbar .search>span{color:#4c4c49}.manager-topbar .search input{font-size:15px;color:#222}
.topbar-account{justify-self:end;display:flex;align-items:center;gap:9px}.round-action{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ececea;color:#262624;cursor:pointer;transition:.16s ease}.round-action:hover{background:#111;color:#fff;transform:translateY(-1px)}.round-action svg{width:19px;height:19px}.notification-action i{position:absolute;right:8px;top:7px;width:7px;height:7px;border:2px solid #ececea;border-radius:50%;background:#ffc23d}.manager-avatar{width:47px;height:47px;margin-left:2px;border:3px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #deded9}.manager-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
#manager-view>.page-head{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:52px 0 35px;padding:0}.page-head h1{font-size:42px;font-weight:500;line-height:1;letter-spacing:-.052em;color:#10100f}.page-head p{display:block;margin:9px 0 0;color:#5f5f5b;font-size:16px;font-weight:400}
.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.page-actions .primary,.page-actions .secondary{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 19px;border:0;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap}.page-actions .secondary{background:#e9e9e7;color:#222}.page-actions .primary{background:#111;color:#fff}.page-actions svg{width:18px;height:18px}.page-actions button:hover{transform:translateY(-1px)}
/* The first workspace row mirrors the tall colored card + larger white card in the reference. */
.manager-workspace{grid-template-columns:minmax(350px,.82fr) minmax(480px,1.18fr);gap:12px}.manager-workspace .source-panel,.manager-workspace .needs-panel{padding:18px;border-radius:24px}.step-label{gap:9px;font-size:17px}.step-label>b{width:31px;height:31px;font-size:12px}
.source-card{min-height:395px;margin-top:14px;padding:22px;border-radius:21px;background:linear-gradient(158deg,#d9f1ff 0%,#e8f5ff 31%,#fff0bf 72%,#e4e8e7 100%)}.source-card img{width:150px;height:150px;border-radius:25px;filter:drop-shadow(0 12px 18px rgba(44,54,58,.10))}.source-card h2{font-size:24px;letter-spacing:-.025em}.source-card .source-stat,.source-card .source-stat:nth-of-type(n+3){display:flex!important;min-height:54px;padding:10px 12px;align-items:flex-start;justify-content:center;flex-direction:column;border-radius:14px;background:rgba(255,255,255,.56)}
#manager-view .source-edit{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:8px;font-weight:500;letter-spacing:0}.manager-workspace .needs-panel .needs-grid{gap:10px;margin-top:17px}.manager-workspace .needs-panel .needs-grid label{min-height:74px;padding:13px 15px;border-radius:15px;background:#f2f2ef}.manager-workspace .needs-panel .needs-grid input,.manager-workspace .needs-panel .needs-grid select{font-size:15px}.manager-workspace .needs-panel .text-button{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;background:#f0f0ee;color:#4d4d49}
.recommendations{margin-top:34px}.recommendations>.section-title{align-items:center;margin-bottom:14px}.results-toggle{display:flex;align-items:center;justify-content:center;min-height:39px;padding:0 16px;border-radius:999px}.recommendation-grid{grid-template-columns:1.12fr .94fr .94fr;gap:12px}.recommendation-grid>.recommend-card,.recommendation-grid>.recommend-card:first-child,.recommendation-grid>.recommend-card:not(:first-child){border-radius:24px;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.recommend-head{display:flex;align-items:center;min-height:58px;padding:17px 18px 12px}.recommend-head span{font-size:14px}.recommendation-grid>.recommend-card:first-child .recommend-head{background:linear-gradient(110deg,#fff2bd,#ffe08a)!important}.recommend-product,.recommendation-grid>.recommend-card:first-child .recommend-product{grid-template-columns:104px minmax(0,1fr);align-items:center;padding:12px 18px 16px}.recommend-product img,.recommendation-grid>.recommend-card:first-child .recommend-product img{width:104px;height:104px;border-radius:18px;background:#f6f6f3;object-fit:contain}.recommend-product h3,.recommendation-grid>.recommend-card:first-child .recommend-product h3{font-size:20px;line-height:1.12;letter-spacing:-.025em}.recommend-product p{line-height:1.4}.stock-badge{display:inline-flex;align-items:center;min-height:26px;margin-top:7px;padding:0 10px;border-radius:999px}
.quick-diffs{padding:0 16px 11px}.argument{margin:0 16px 14px;padding:13px 14px;border-radius:14px;line-height:1.45}.offer-metrics,.recommendation-grid>.recommend-card:not(:first-child) .offer-metrics{margin:0 13px;border-radius:15px;overflow:hidden}.offer-metrics div,.recommendation-grid>.recommend-card:not(:first-child) .offer-metrics div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:9px 12px}.offer-metrics strong{font-size:15px}
.recommend-actions,.recommendation-grid>.recommend-card:not(:first-child) .recommend-actions{grid-template-columns:minmax(140px,1fr) minmax(94px,auto) 43px;align-items:center;gap:7px;padding:13px}.recommend-actions .offer-link,.recommend-actions button{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 14px;border-radius:999px;line-height:1;text-align:center;white-space:nowrap}.recommend-actions .edit-characteristics{width:43px;padding:0;font-size:17px}.visual-compare,.more-results{margin-top:30px;border-radius:24px}
@media(max-width:1180px){.page-head h1{font-size:36px}.page-actions{flex-wrap:wrap}.manager-workspace{grid-template-columns:1fr}.source-card{min-height:350px}.recommendation-grid{grid-template-columns:1fr 1fr}.recommendation-grid>.recommend-card:first-child{grid-column:1/-1}}
@media(max-width:820px){.app{width:100%;min-height:100vh;margin:0;border:0;border-radius:0;grid-template-columns:1fr}.sidebar{height:auto;border-radius:0}.manager-topbar{grid-template-columns:minmax(0,1fr) auto}.topbar-account .round-action{display:none}#manager-view>.page-head{align-items:flex-start;flex-direction:column;margin:32px 0 24px}.page-actions{width:100%;justify-content:flex-start}.recommendation-grid{grid-template-columns:1fr}}
@media(max-width:560px){main{padding:16px 12px 45px}.manager-topbar{grid-template-columns:1fr}.topbar-account{position:absolute;right:17px;top:17px}.manager-avatar{width:42px;height:42px}.page-head h1{font-size:31px}.page-actions{display:grid;grid-template-columns:1fr}.page-actions button{width:100%}.manager-workspace .source-panel,.manager-workspace .needs-panel{padding:14px}.source-card{grid-template-columns:1fr;min-height:0}.source-card img,.source-card>div:nth-child(2),#manager-view .source-edit{grid-column:1}.recommend-actions,.recommendation-grid>.recommend-card:not(:first-child) .recommend-actions{grid-template-columns:1fr 44px}.recommend-actions button[data-focus]{grid-column:1/-1;grid-row:2}}