.role-picker button.selected{border:2px solid var(--green);background:#edf2ea}.role-picker button>span{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#f3e8d3;display:grid;place-items:center}.role-picker b{font-size:.82rem}.role-picker small{font-size:.69rem;color:var(--muted)}#loginForm{display:grid;gap:15px}#loginForm label{font-size:.75rem;font-weight:800;color:#4d5b55}#loginForm input{width:100%;display:block;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:var(--paper);color:var(--ink);outline:none}#loginForm input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(6,61,52,.12)}.demo-note{font-size:.68rem!important;text-align:center;margin-top:17px}
.app-view{height:100vh;display:grid;grid-template-columns:256px 1fr;background:#eef0eb;overflow:hidden}.sidebar{background:var(--green);color:white;padding:19px 14px 15px;display:flex;flex-direction:column;min-width:0;transition:.25s}.app-brand{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 15px}.app-brand img{width:120px;background:white;border-radius:10px;padding:5px}.app-brand button{background:rgba(255,255,255,.1);border:0;color:white;width:28px;height:28px;border-radius:8px}.demo-badge{font-size:.63rem;color:#d0e0dc;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:8px;margin:0 4px 15px}.demo-badge span{display:inline-block;width:7px;height:7px;background:#9fbe4c;border-radius:50%;margin-right:6px}.sidebar nav{display:grid;gap:4px;overflow:auto}.nav-section{font-size:.61rem;color:#9dbab2;letter-spacing:.1em;text-transform:uppercase;padding:17px 11px 6px}.sidebar nav button{border:0;background:transparent;color:#c8d9d4;border-radius:9px;padding:10px 11px;text-align:left;font-size:.78rem;display:flex;align-items:center;gap:11px}.sidebar nav button:hover,.sidebar nav button.active{background:rgba(255,255,255,.11);color:white}.sidebar nav button span{width:20px;text-align:center;font-size:.95rem}.sidebar-profile{margin-top:auto;padding:13px 5px 3px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:37px 1fr 24px;gap:8px;align-items:center}.sidebar-profile>div:first-child{width:37px;height:37px;border-radius:11px;background:var(--gold);color:var(--green);display:grid;place-items:center;font-size:.72rem;font-weight:900}.sidebar-profile b,.sidebar-profile span{display:block}.sidebar-profile b{font-size:.72rem}.sidebar-profile span{font-size:.6rem;color:#a9c2bb}.sidebar-profile button{border:0;background:none;color:#b8cdc7}.app-shell{min-width:0;display:grid;grid-template-rows:64px 1fr}.app-header{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);padding:0 27px;display:flex;align-items:center;justify-content:space-between}.app-header>div:first-child{display:flex;align-items:center;gap:12px}.app-header span{font-size:.76rem;color:var(--muted);font-weight:700}.mobile-nav{display:none;border:0;background:none}.app-header-actions{display:flex;align-items:center;gap:7px}.app-header-actions>button{border:1px solid var(--line);background:white;border-radius:9px;height:36px;min-width:36px;position:relative}.app-header-actions i{position:absolute;right:-3px;top:-5px;font-style:normal;background:var(--orange);color:white;border-radius:99px;font-size:.58rem;padding:1px 5px}.profile-switch{padding:0 11px!important;display:flex;gap:8px;align-items:center}.app-content{padding:28px;overflow:auto;outline:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.page-head h1{font-size:1.75rem;letter-spacing:-.035em;margin:0}.page-head p{font-size:.83rem;color:var(--muted);margin:5px 0 0}.page-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{background:white;border:1px solid var(--line);border-radius:15px;padding:18px;position:relative}.metric>span{font-size:.68rem;color:var(--muted)}.metric strong{display:block;font-size:1.75rem;color:var(--green);letter-spacing:-.04em;margin-top:8px}.metric small{font-size:.64rem;color:#63822b}.metric i{position:absolute;right:15px;top:15px;width:32px;height:32px;border-radius:9px;background:#f4ead9;color:var(--orange);display:grid;place-items:center;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1.35fr .75fr;gap:14px;margin-top:14px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:19px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{font-size:.93rem;margin:0}.panel-head button,.link-button{border:0;background:none;color:var(--green);font-size:.7rem;font-weight:850}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:#89918d;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;padding:10px 8px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 8px;border-bottom:1px solid #edf0eb;font-size:.74rem}.data-table tr:last-child td{border:0}.data-table b{display:block}.data-table small{color:var(--muted)}.table-action{border:0;background:#eef2eb;color:var(--green);border-radius:7px;padding:6px 8px;font-size:.65rem;font-weight:800}.status-chip{display:inline-flex;border-radius:99px;padding:5px 8px;font-size:.6rem;font-weight:800;background:#edf1e3;color:#5f7e24}.status-chip.warning{background:#fff0d8;color:#a55e16}.status-chip.info{background:#e2eff0;color:#25606b}.status-chip.danger{background:#f7e4e0;color:#a43c31}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:22px 1fr;gap:8px;padding-bottom:18px;position:relative}.timeline-item:before{content:"";position:absolute;left:7px;top:15px;bottom:0;border-left:1px solid var(--line)}.timeline-item:last-child:before{display:none}.timeline-item>span{width:15px;height:15px;background:#92ae46;border-radius:50%;border:4px solid #edf3e2}.timeline-item div b{font-size:.75rem}.timeline-item div small{display:block;color:var(--muted);font-size:.64rem}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid button{border:1px solid var(--line);background:#fbfcf9;border-radius:11px;padding:13px;text-align:left;color:var(--green);font-size:.72rem;font-weight:800}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.product-art{height:125px;background:linear-gradient(135deg,#f4ead9,#edf0df);display:grid;place-items:center;font-size:2.3rem}.catalog-card>div:last-child{padding:16px}.catalog-card h3{font-size:.88rem;margin:0 0 4px}.catalog-card p{font-size:.7rem;color:var(--muted)}.price{font-weight:900;color:var(--green);font-size:1rem}.card-actions{display:flex;gap:7px;margin-top:13px}.card-actions button{flex:1;border:0;background:var(--green);color:white;border-radius:8px;padding:8px;font-size:.67rem;font-weight:800}.card-actions button.secondary{background:#eef1ea;color:var(--green)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.filters input,.filters select{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 11px;font-size:.72rem;min-width:170px}.notice{padding:13px 15px;border-radius:11px;background:#fff2dd;color:#895214;font-size:.74rem;margin-bottom:15px}.empty-state{text-align:center;padding:55px 20px}.empty-state span{font-size:2rem}.empty-state h3{margin:12px 0 5px}.empty-state p{font-size:.75rem;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:var(--green);color:white;border-radius:12px;padding:13px 17px;box-shadow:var(--shadow);font-size:.78rem;font-weight:750;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.modal{position:fixed;inset:0;background:rgba(7,35,30,.48);z-index:90;display:grid;place-items:center;padding:20px}.modal-card{background:var(--paper);width:min(520px,100%);border-radius:22px;padding:30px;position:relative}.modal-close{position:absolute;right:16px;top:13px;border:0;background:none;font-size:1.5rem}.modal-card h2{margin:8px 0}.modal-card>p{color:var(--muted);font-size:.8rem}.modal-roles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.modal-roles button{border:1px solid var(--line);background:white;border-radius:11px;padding:15px;text-align:left}.modal-roles b{margin-left:7px}
@media(max-width:1100px){.public-header nav{display:none}.menu-toggle{display:block}.header-actions{display:none}.public-header nav.open{display:flex;position:absolute;top:71px;left:18px;right:18px;background:var(--paper);padding:18px;flex-direction:column;border-radius:16px;box-shadow:var(--shadow)}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:760px}.hero-stage{max-width:760px;width:100%;margin:auto}.steps,.audience-grid{grid-template-columns:1fr 1fr}.cta-section{margin-left:20px;margin-right:20px;grid-template-columns:120px 1fr}.cta-section .btn{grid-column:2}.cta-section>img{width:115px}.login-brand{padding:8vh 50px}.metric-grid{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero{padding:45px 18px 35px}.hero h1{font-size:3.25rem}.hero-stage{height:470px}.stage-center{width:180px;height:180px}.fc-supplier{right:2%}.float-card{padding:10px}.proof-strip{border-radius:0;grid-template-columns:1fr;padding:12px 22px}.proof-strip article{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:13px 5px}.section{padding:78px 19px}.section-head.split{display:block}.steps,.audience-grid,.round-grid,.platform,.platform-list{grid-template-columns:1fr}.platform{gap:35px;padding:78px 20px}.round-meta{gap:20px;flex-wrap:wrap}.cta-section{grid-template-columns:1fr;text-align:center;padding:38px 24px}.cta-section>img{margin:auto}.cta-section .btn{grid-column:1}.cta-section h2{font-size:2.2rem}footer{grid-template-columns:1fr 1fr;padding:50px 25px}footer small{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:20px 0 0}.login-view{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:75px 22px 35px}.app-view{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:256px;z-index:70;transform:translateX(-100%);box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-nav{display:block}.app-header{padding:0 14px}.app-content{padding:20px 14px}.page-head{align-items:flex-start;flex-direction:column}.metric-grid,.dashboard-grid,.catalog-grid{grid-template-columns:1fr}.app-header-actions>button:not(.profile-switch){display:none}.data-table{min-width:620px}.panel:has(.data-table){overflow:auto}}
@media(max-width:480px){.hero h1{font-size:2.75rem}.hero-actions{align-items:stretch;flex-direction:column}.trust-row{display:grid}.hero-stage{height:430px}.float-card{font-size:.7rem}.fc-client{left:2%}.fc-logistics{left:2%}.round-pill{right:2%}.steps,.audience-grid,.role-picker,.modal-roles{grid-template-columns:1fr}footer{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:1}}
