@font-face{font-family:Coolvetica;src:url('../fonts/coolvetica/coolvetica-rg.ttf')}@font-face{font-family:Satoshi;src:url('../fonts/satoshi/Satoshi-Variable.ttf')}:root{--primary-900:#012130;--primary-800:#062875;--line:#eaecf0;--lemon:#b6ff34}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:#0c111d;font-family:'Instrument Sans',Satoshi,Arial,sans-serif}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex;padding:12px}.side{position:sticky;top:12px;width:265px;height:calc(100vh - 24px);border-radius:2px;background:var(--primary-900);overflow:auto;flex:none;padding:18px 8px}.account{display:flex;align-items:center;gap:11px;color:#fff;padding:10px 14px 20px;border-bottom:1px solid #ffffff24}.account img{width:33px;height:33px;object-fit:contain}.account strong{font-size:15px;font-weight:600}.account span{display:block;color:#9ea2ad;font-size:11px;margin-top:3px}.nav{padding-top:17px}.nav a{height:42px;margin:6px auto;width:94%;padding:0 16px;border-radius:4px;display:flex;align-items:center;gap:13px;color:#9ea2ad;text-decoration:none;font-size:14px;font-weight:500}.nav a:hover{background:#0a2632}.nav a.active{background:var(--lemon);color:#012130}.nav img{width:19px;height:19px;object-fit:contain;filter:grayscale(1) brightness(1.5)}.nav a.active img{filter:none}.stage{padding:32px 40px;flex:1;min-width:0}.page-head{position:sticky;top:0;background:#fff;z-index:1;padding:0 0 20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.page-head h1{margin:0;font-family:Coolvetica,Arial;font-weight:400;font-size:28px;line-height:1.4;color:#0e0e0f}.page-head p{margin:0;color:#464343;font-size:16px}.head-actions{display:flex;gap:11px}.picker{height:40px;background:#fff;border:1px solid #dad9d9;border-radius:4px;padding:0 12px;color:#211f20}.section{margin-top:28px}.section-heading{font-family:Coolvetica,Arial;font-size:23px;font-weight:400;margin:0 0 15px;color:#0e0e0f;display:flex;justify-content:space-between;align-items:center}.section-heading a{font:600 16px 'Instrument Sans',Arial;color:#497df5;text-decoration:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.metric{border:1px solid var(--line);border-radius:2px;padding:16px;background:#fff;display:grid;gap:9px;min-height:116px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:#0c111d;font-size:14px}.metric-icon{width:36px;height:36px;border-radius:2px;padding:8px}.metric-value{font-size:24px;font-weight:600;color:#344054}.quick{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:16px;background:#fff}.quick button{border:0;background:#fff;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#101828;font-size:14px;cursor:pointer}.quick-start{display:flex;align-items:center;gap:16px}.quick-icon{border-radius:50%;width:38px;height:38px;padding:9px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:24px}.product{border:1px solid var(--line);border-radius:2px;overflow:hidden;background:#fff}.product img{display:block;width:100%;height:192px;object-fit:cover;background:#f5f5f5}.product-body{padding:15px}.commission{color:#189653;font-size:13px;font-weight:600}.price{font-size:19px;font-weight:600;color:#344054;margin:8px 0}.product h3{font-size:15px;margin:0 0 7px;font-weight:600}.product p{font-size:13px;color:#6b6768;margin:0}.help{position:fixed;right:26px;bottom:24px;width:58px;height:58px}.help img{width:100%}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-art{background:#062875 url('../images/auth-images.png') center/cover no-repeat;min-height:100vh}.auth-panel{display:grid;place-items:center;padding:35px}.auth-card{width:90%;max-width:520px}.mobile-logo{display:none}.auth-card h1{font:400 36px Coolvetica,Arial;color:#0e0e0f;margin:0 0 28px}.role-label,.field label{font-size:14px;font-weight:500;color:#344054}.roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 18px}.role{border:1px solid #dad9d9;background:#fff;border-radius:4px;padding:12px;text-align:left;cursor:pointer}.role.active{border-color:#1fc16b;background:#f1fff7}.field{display:grid;gap:7px;margin:16px 0}.field input{height:44px;border:1px solid #dad9d9;border-radius:4px;padding:0 12px;outline-color:#1fc16b}.forgot{color:#116b3c;text-decoration:none;font-size:16px;font-weight:500}.lime-btn{width:100%;margin-top:25px;padding:13px;border:0;background:var(--lemon);color:#0e0e0f;border-radius:4px;font-size:18px;font-weight:500;cursor:pointer}.create{display:block;margin-top:20px;border-top:1px solid var(--line);padding:18px;text-align:center;color:#344054;text-decoration:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.app-shell{padding:0}.side{display:none}.stage{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr 1fr}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.mobile-logo{display:block;width:160px;margin:0 auto 30px}}@media(max-width:500px){.stage{padding:16px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.picker{flex:1}.metrics,.product-grid,.quick{grid-template-columns:1fr}.auth-card{width:100%}}