@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{color:#172025;background:#f4f6f8;margin:0;font-family:Inter,Microsoft YaHei,sans-serif}button,input,select{font:inherit}.app{min-height:100vh;display:flex}aside{color:#fff;background:#101a1d;flex-direction:column;width:230px;padding:26px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand span{color:#111;background:#e9ff59;border-radius:10px;padding:10px}.brand small{color:#7f9298;margin-top:3px;font-size:10px;display:block}nav{gap:7px;margin-top:40px;display:grid}nav button,.logout{color:#9eb0b5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}nav button svg,.logout svg{width:18px}.on{font-weight:700;color:#101a1d!important;background:#e9ff59!important}.logout{margin-top:auto}main{width:calc(100% - 230px);margin-left:230px;padding:32px 42px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h2{margin:0;font-size:28px}header p{color:#7b888c;margin:7px 0}header select{background:#fff;border:1px solid #dce2e4;border-radius:8px;min-width:180px;padding:11px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cards article,.panel{background:#fff;border:1px solid #e4e8e9;border-radius:14px;padding:22px}.cards small{color:#758186}.cards strong{margin:15px 0;font-size:26px;display:block}.cards em{color:#8c989c;font-size:11px;font-style:normal}.grid{grid-template-columns:1fr 2fr;gap:18px;margin-top:18px;display:grid}.panel h3{margin-top:0}.wide{grid-column:auto}.health{border:13px solid #e9ff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:22px auto;font-size:30px;font-weight:800;display:flex}.health small{color:#68777b;font-size:11px}.panel>p{text-align:center;color:#718085}.funnel{justify-content:space-around;align-items:center;margin:35px 0;display:flex}.funnel div{color:#6f7c80;background:#f4f7f7;border-radius:12px;padding:22px}.funnel strong{color:#172025;margin-top:8px;font-size:24px;display:block}.actions{gap:12px;margin-top:18px;display:flex}button{color:#fff;cursor:pointer;background:#172025;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;display:inline-flex}button svg{width:17px}.actions button:first-child{color:#111;background:#e9ff59}.shoprow{border-bottom:1px solid #edf0f1;justify-content:space-between;padding:14px 0;display:flex}.shoprow small{color:#869397;margin-top:4px;display:block}.shoprow em{font-style:normal}.panel label,.login label{gap:7px;margin:16px 0;font-size:13px;font-weight:600;display:grid}input,select{background:#fff;border:1px solid #d9e0e2;border-radius:8px;padding:11px}.upload{text-align:center}.upload>svg{background:#e9ff59;border-radius:50%;width:45px;height:45px;padding:11px}.upload input{width:100%;margin:14px 0}.tags{flex-wrap:wrap;gap:9px;display:flex}.tags span{background:#f1f5f5;border-radius:6px;padding:9px 12px}.hint{font-size:13px;margin-top:35px!important}.settings{max-width:700px}.settings button{margin-right:10px}.secondary{color:#172025;background:#eef1f2}.toast{color:#fff;z-index:5;background:#172025;border-radius:9px;padding:12px 18px;position:fixed;top:22px;right:25px}.insight pre{white-space:pre-wrap;font-family:inherit;line-height:1.8}.login{background:#101a1d;place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:18px;width:410px;padding:38px}.login h1{margin:35px 0 5px}.login>form>p{color:#7b888c}.login button{color:#111;background:#e9ff59;width:100%;margin-top:10px;font-weight:800}.error{color:#b42318;background:#fff0ee;border-radius:7px;padding:10px}@media (width<=850px){aside{width:76px}.brand div,nav button:not(.on){font-size:0}.brand small{display:none}nav button{font-size:0}.on{font-size:0!important}main{width:calc(100% - 76px);margin-left:76px;padding:20px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.login form{width:92%}}
