@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#182019;font-synthesis:none;--green:#22563a;--lime:#c8f04a;--ink:#152018;--muted:#70776f;--line:#e2e5dd;--card:#fff;background:#f3f4ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.shell{min-height:100vh}aside{color:#fff;z-index:5;background:#111812;flex-direction:column;width:238px;padding:27px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 9px 30px;font-family:Manrope;display:flex}.brand>b,.mobile-brand{background:var(--lime);color:#172017;border-radius:10px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.brand div{letter-spacing:1.5px;font-size:17px}.brand small{letter-spacing:1.2px;color:#9ba39d;margin-top:2px;font:500 8px DM Sans;display:block}nav{gap:5px;display:grid}aside button{color:#9fa69f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px;font-weight:600}aside button span:first-child{margin-right:13px;font-size:18px}aside button:hover,aside button.active{color:#fff;background:#253028}.aside-foot{margin-top:auto}.aside-foot>button{width:100%}.profile{border-top:1px solid #2a332c;align-items:center;gap:10px;margin-top:15px;padding:20px 5px 0;display:flex}.profile div:nth-child(2){flex:1;min-width:0}.profile b,.profile small{font-size:12px;display:block}.profile small{color:#919a93;margin-top:3px}.avatar{color:#365340;background:#e5eadf;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.avatar.dark{color:#fff;background:#344039}.avatar.large{width:52px;height:52px}.avatar.xlarge{width:76px;height:76px;font-size:21px}main{min-height:100vh;margin-left:238px}header{border-bottom:1px solid var(--line);z-index:3;background:#fff;align-items:center;height:78px;padding:0 36px;display:flex;position:sticky;top:0}.date{font-weight:700}.date small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.header-actions{gap:10px;margin-left:auto;display:flex}.icon-btn,.secondary,.primary{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:10px 15px;font-weight:700}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#2a3a2d}.secondary:hover{background:#f5f7f2}.mobile-brand{border:0;display:none}.page{max-width:1440px;margin:auto;padding:38px 36px 60px}.title-row{justify-content:space-between;align-items:end;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.5px;color:#69806d;margin:0 0 8px;font-size:10px;font-weight:800}.title-row h1,.manager-hero h1{margin:0 0 6px;font:800 29px Manrope}.title-row p,.manager-hero p,.modal>p{color:var(--muted);margin:0;font-size:13px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:13px;padding:19px}.stat span,.stat small{color:var(--muted);font-size:11px;display:block}.stat strong{margin:9px 0 7px;font:800 24px Manrope;display:block}.positive{color:#278451!important}.negative{color:#c54b47!important}.grid-main{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:22px}.panel h2{margin:0;font:700 17px Manrope}.panel-head{justify-content:space-between;align-items:start;margin-bottom:14px;display:flex}.live{color:#328551;background:#eaf6ec;border-radius:20px;padding:5px 8px;font-size:10px}.manager-row{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #eef0ea;grid-template-columns:26px 40px minmax(120px,1fr) 70px 70px 105px 14px;align-items:center;gap:9px;width:100%;padding:13px 4px;display:grid}.manager-row:hover{background:#f8faf5}.rank{color:#91978e;font-weight:700}.person b,.person small,.target b,.target small,.lp b,.lp small{display:block}.person b,.target b,.lp b{font-size:12px}.person small,.target small,.lp small{color:var(--muted);margin-top:3px;font-size:10px}.target,.lp{text-align:right}.badge{text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800}.gold{color:#83670d;background:#f5ecc8}.silver{color:#66716b;background:#e9eeeb}.bronze{color:#965e3e;background:#f2ded2}.donut{background:conic-gradient(#d5b841 0 var(--gold),#9ca7a1 var(--gold) 300deg,#bf7959 300deg);border-radius:50%;place-items:center;width:140px;height:140px;margin:25px auto 20px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:88px;height:88px;position:absolute}.donut div{z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font:800 26px Manrope}.donut small{color:var(--muted);font-size:10px}.legend{gap:9px;display:grid}.legend span{color:var(--muted);align-items:center;font-size:11px;display:flex}.legend i{border-radius:50%;width:8px;height:8px;margin-right:7px}.legend i.gold{background:#d5b841}.legend i.silver{background:#9ca7a1}.legend i.bronze{background:#bf7959}.legend b{color:var(--ink);margin-left:auto}.quick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fafbf8;border-radius:10px;gap:11px;padding:13px;display:flex}.quick button:hover{border-color:#8ba091}.quick button>b{width:31px;height:31px;color:var(--green);background:#e9efe5;border-radius:8px;place-items:center;display:grid}.quick span b,.quick span small{display:block}.quick span{font-size:12px;font-weight:700}.quick small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.manager-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.manager-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;padding:20px}.manager-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #253b2910}.card-top{justify-content:space-between;display:flex}.manager-card h3{margin:16px 0 4px;font:700 16px Manrope}.manager-card>p{color:var(--muted);margin:0;font-size:11px}.card-numbers{grid-template-columns:repeat(3,1fr);margin:18px 0;display:grid}.card-numbers span{border-right:1px solid var(--line)}.card-numbers span:last-child{border:0;padding-left:10px}.card-numbers b,.card-numbers small{display:block}.card-numbers b{font:800 16px Manrope}.card-numbers small{color:var(--muted);font-size:9px}.progress{background:#edf0e9;border-radius:10px;height:6px;overflow:hidden}.progress i{background:var(--green);border-radius:10px;height:100%;display:block}.manager-hero{background:var(--ink);color:#fff;border-radius:14px;align-items:center;gap:17px;margin:15px 0;padding:27px;display:flex}.manager-hero>div:nth-child(2){flex:1}.manager-hero p{color:#aeb7b0}.manager-hero .primary{background:var(--lime);border-color:var(--lime);color:#152018}.back{color:var(--muted);cursor:pointer;background:0 0;border:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:9px}th,td{border-bottom:1px solid #edf0e9;padding:13px 10px}td:last-child,th:last-child{text-align:right}.empty{color:var(--muted);padding:35px;text-align:center!important}.rules-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.rule-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:18px;display:grid}.rule-icon{border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.positive-bg{color:#278451;background:#e9f5e8}.negative-bg{color:#c54b47;background:#faeaea}.rule-card h3{margin:4px 0;font-size:14px}.rule-card p{color:var(--muted);margin:0;font-size:11px}.rule-cat{color:#718075;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:800}.analysis-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.bars,.target-list{gap:18px;margin-top:28px;display:grid}.bar-row{grid-template-columns:60px 1fr 40px;align-items:center;gap:9px;font-size:11px;display:grid}.bar-row div{background:#eef0eb;border-radius:4px;height:15px}.bar-row i{background:var(--green);border-radius:4px;height:100%;display:block}.target-list span{justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.target-list em{font-style:normal;font-weight:800}.insight{background:#e7efda;align-items:center;gap:20px;display:flex}.insight>span{font-size:30px}.insight h3{margin:3px 0;font:700 15px Manrope}.insight p:last-child{color:var(--muted);margin:0;font-size:11px}.modal-bg{z-index:20;background:#111812b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(460px,100%);max-height:90vh;padding:27px;position:relative;overflow:auto}.modal h2{margin:0 0 6px;font:800 23px Manrope}.close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;top:16px;right:18px}.modal label{gap:6px;margin-top:17px;font-size:11px;font-weight:700;display:grid}.modal input,.modal select,.modal textarea{background:#fafbf8;border:1px solid #dfe3da;border-radius:8px;outline:none;padding:11px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#54735c}.modal textarea{resize:vertical;min-height:72px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.toast{color:#fff;z-index:30;background:#1a3523;border-radius:9px;padding:12px 17px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0003}.loading{text-align:center;height:100vh;color:var(--muted);place-content:center;display:grid}.loading span{background:var(--lime);color:#132017;border-radius:14px;place-items:center;width:55px;height:55px;margin:auto;font:800 30px Manrope;display:grid}.mobile-nav{display:none}@media (width<=950px){aside{width:78px}.brand div,aside nav span,.aside-foot>button,.profile div:nth-child(2),.profile i{display:none}.brand{padding-left:2px}.profile{padding-left:0}.profile .avatar{margin:auto}main{margin-left:78px}.stats{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.manager-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){aside{display:none}main{margin-left:0;padding-bottom:66px}header{height:64px;padding:0 16px}.mobile-brand{margin-right:12px;display:grid}.header-actions .icon-btn{display:none}.header-actions .primary{padding:9px;font-size:0}.header-actions .primary span{font-size:18px}.page{padding:24px 15px 45px}.title-row{align-items:start}.title-row h1{font-size:24px}.title-row>button{padding:9px;font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:19px}.quick{grid-template-columns:1fr}.manager-row{grid-template-columns:22px 36px 1fr 63px 14px}.manager-row .target,.manager-row .lp{display:none}.manager-cards,.rules-grid,.analysis-grid{grid-template-columns:1fr}.manager-hero{flex-wrap:wrap;align-items:flex-start}.manager-hero>div:nth-child(2){min-width:180px}.manager-hero .primary{width:100%}.mobile-nav{border-top:1px solid var(--line);z-index:10;background:#fff;grid-template-columns:repeat(5,1fr);padding:7px 4px;display:flex;position:fixed;inset:auto 0 0}.mobile-nav button{color:#8a918a;background:0 0;border:0;place-items:center;gap:2px;display:grid}.mobile-nav button.active{color:var(--green)}.mobile-nav small{font-size:8px}.panel{padding:16px}.pulse{display:none}.toast{text-align:center;bottom:75px;left:15px;right:15px}}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-art{color:#fff;background:#111812;flex-direction:column;justify-content:space-between;padding:42px 7vw;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";border:110px solid #c8f04a12;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-170px;right:-180px}.login-art .brand{padding:0}.login-art h1{margin:14px 0;font:800 clamp(32px,4vw,58px)/1.05 Manrope}.login-art>div>p:last-child{color:#aeb8b0}.login-art>small{color:#79857d}.login-card{width:min(390px,80%);margin:auto;display:grid}.login-logo{background:var(--lime);border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:28px;font:800 25px Manrope;display:grid}.login-card h2{margin:0 0 7px;font:800 28px Manrope}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 0 18px}.login-card label{gap:7px;margin-top:15px;font-size:12px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line);border-radius:9px;padding:13px}.login-card>.primary{margin-top:20px;padding:13px}.login-error{color:#a33c38;background:#faeaea;border-radius:8px;margin-top:14px;padding:10px;font-size:12px}.demo{color:var(--muted);background:#f3f5ef;border-radius:9px;gap:5px;margin-top:18px;padding:13px;font-size:10px;display:grid}.demo b{color:var(--ink)}.manager-portal main{margin-left:0}.portal-brand{color:var(--ink);padding:0}.portal-user{font-size:12px;font-weight:700}.portal-user small{color:var(--muted);font-weight:400;display:block}.profile{width:100%}@media (width<=650px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{width:calc(100% - 42px)}.manager-portal header{padding:0 15px}.manager-portal .portal-brand div{display:none}}.manager-actions{align-items:center;gap:8px;display:flex}.danger-btn{color:#b33d39;cursor:pointer;background:#fff;border:1px solid #c84f4a;border-radius:9px;padding:10px 14px;font-weight:700}.danger-btn:hover{background:#fff0ef}.manager-hero .manager-actions .secondary{color:#fff;background:0 0;border-color:#68746b}@media (width<=760px){.manager-actions{flex-wrap:wrap;width:100%}.manager-actions button{flex:1}}.rule-actions{gap:12px;margin-top:10px;display:flex}.rule-actions button{color:#315d40;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.rule-actions .text-danger{color:#b44742}.magic-btn{color:#214a32;cursor:pointer;background:#eef6ed;border:1px solid #25563a;border-radius:9px;margin-top:16px;padding:12px;font-weight:800}.magic-btn:disabled{opacity:.6;cursor:not-allowed}.magic-success{color:#277348;background:#eaf6ec;border-radius:8px;margin-top:14px;padding:10px;font-size:12px}.login-divider{color:#899089;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;margin:17px 0 0;font-size:10px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e1e5de;flex:1;height:1px}.feedback-box{min-width:220px}.feedback-box textarea{resize:vertical;width:100%;min-height:58px;font:inherit;border:1px solid #dce3dc;border-radius:8px;padding:8px}.feedback-box>div{gap:7px;margin-top:7px;display:flex}.seen-btn,.comment-btn{cursor:pointer;border:1px solid #2d6343;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800}.seen-btn{color:#fff;background:#2d6343}.comment-btn{color:#2d6343;background:#fff}.seen-btn:disabled,.comment-btn:disabled{opacity:.55;cursor:not-allowed}.feedback-read{flex-direction:column;gap:5px;min-width:130px;display:flex}.feedback-read small{color:#4f5952;white-space:normal;max-width:250px}.seen-label{color:#277348;font-weight:800}.pending-label{color:#9a6a21;font-weight:700}@media (width<=700px){.feedback-box{min-width:180px}.feedback-box>div{flex-direction:column}}.settings-form{gap:28px;max-width:760px;padding:28px;display:grid}.settings-form>div{border-bottom:1px solid #e5e9e4;padding-bottom:24px}.settings-form label{color:#3b463f;flex-direction:column;gap:7px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.settings-form input{font:inherit;border:1px solid #d7ded8;border-radius:8px;padding:11px}.settings-form label small{color:#788079;font-weight:400}.email-setting p{margin:8px 0 12px}.settings-save{justify-self:start}@media (width<=650px){main{padding-bottom:122px}.mobile-nav{padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);gap:3px;display:grid;box-shadow:0 -5px 20px #11181214}.mobile-nav button{border-radius:8px;min-height:43px;padding:5px 2px;font-size:17px}.mobile-nav button.active{background:#eef4e9}.mobile-nav small{font-size:9px;font-weight:700}.toast{bottom:120px}}