@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17201d;background:#f2f2ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{grid-template-columns:225px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#14211d;flex-direction:column;width:225px;height:100vh;padding:28px 18px;display:flex;position:fixed}.brand{align-items:center;gap:11px;padding:0 8px 30px;display:flex}.brand>i{color:#14211d;background:#b8f04a;border-radius:9px;place-items:center;width:35px;height:35px;font:700 21px Manrope;display:grid}.brand b{letter-spacing:1.4px;font:700 13px Manrope;display:block}.brand small{color:#91a09a;font-size:11px}nav{gap:5px;display:grid}nav button{color:#92a39c;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 13px;font:500 14px inherit;display:flex}nav button:hover,nav button.active{color:#fff;background:#26342f}.local{color:#b8f04a;border:1px solid #35443e;border-radius:12px;grid-template-columns:25px 1fr;margin-top:auto;padding:14px;display:grid}.local small{color:#91a09a;grid-column:2;margin-top:3px}main{grid-column:2;width:100%;max-width:1450px;margin:auto;padding:30px 42px 60px}header{justify-content:space-between;align-items:flex-start;height:76px;display:flex}header small,.kicker{letter-spacing:1.5px;color:#798680;font-size:10px;font-weight:700}header h1{margin:5px 0;font:700 25px Manrope}.primary,.ghost,.lime{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font:600 13px inherit;display:inline-flex}.primary{color:#fff;background:#17251f}.primary:hover{background:#30463d}.ghost{color:#27352f;background:#e8ebe5}.lime{color:#14211d;background:#b8f04a;padding:14px 19px}.hero{color:#fff;background:#20342d;border-radius:18px;justify-content:space-between;align-items:center;min-height:355px;padding:48px;display:flex;overflow:hidden}.hero>div>span{color:#b8f04a;letter-spacing:2px;font-size:10px;font-weight:700}.hero h2,.panel h2{margin:17px 0;font:700 44px/1.08 Manrope}.hero h2 em{color:#b8f04a;font-style:normal}.hero p{color:#b7c3be;width:510px;max-width:100%;margin-bottom:25px;line-height:1.6}.orb{text-align:center;color:#17251f;background:#b8f04a;border-radius:50%;place-content:center;width:225px;height:225px;font:800 58px Manrope;display:grid;box-shadow:0 0 0 43px #20342d,0 0 0 44px #61716b}.orb small{letter-spacing:1px;font-size:9px;display:block}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.metric,.panel{background:#fff;border:1px solid #dedfd8;border-radius:14px}.metric{padding:20px 23px}.metric strong{font:700 28px Manrope;display:block}.metric span{color:#77817d;font-size:12px}.panel{margin-bottom:17px;padding:28px}.panel h2{margin:10px 0 24px;font-size:35px}.panel h3{margin:8px 0 22px;font:700 20px Manrope}.grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.form{gap:15px;display:grid}.field{gap:7px;display:grid}.field>span{color:#59635f;font-size:11px;font-weight:700}.field input,.field textarea,.field select,.prompt{background:#f8f8f5;border:1px solid #d7dad4;border-radius:8px;outline:none;width:100%;padding:12px;font:13px/1.5 inherit}.field textarea{resize:vertical;min-height:88px}.field input:focus,.field textarea:focus{border-color:#789c2c}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.upload{color:#6d7974;cursor:pointer;border:1.5px dashed #bdc4be;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:135px;display:flex;overflow:hidden}.upload small{font-size:11px}.upload input{display:none}.upload img{object-fit:cover;width:100%;height:190px}.upload.big{min-height:420px}.upload.big img{height:420px}.score{margin:15px 0}.score>div{justify-content:space-between;display:flex}.score small{font-size:11px}input[type=range]{accent-color:#789c2c;width:100%}.total{background:#edf0e9;border-radius:10px;justify-content:space-between;margin-top:20px;padding:16px;display:flex}.total strong{font:700 34px Manrope;display:block}.total strong i{color:#84908b;font-size:12px}.total em,.projects em,td em{border-radius:20px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:700;display:inline-block}.LOW,.PASS{color:#416a20;background:#dff2cf}.MEDIUM,.HOLD{color:#835e00;background:#fff0bd}.HIGH,.REJECT,.REWORK{color:#95352a;background:#ffe0dc}.head{justify-content:space-between;align-items:center;display:flex}.prompt{resize:none;min-height:190px}.note{color:#7c8782;align-items:flex-start;gap:6px;font-size:11px;display:flex}.wide{width:100%;margin-top:18px}.checks{gap:10px;margin-bottom:24px;display:grid}.checks label{border:1px solid #e0e2dc;border-radius:8px;align-items:center;gap:10px;padding:13px;font-size:12px;display:flex}.checks input{display:none}.checks label i{color:#0000;border:1px solid #cad0ca;border-radius:5px;place-items:center;width:20px;height:20px;display:grid}.checks input:checked+i{color:#17251f;background:#b8f04a;border-color:#b8f04a}.preview{object-fit:cover;border-radius:10px;width:100%;max-height:410px}.banner{border-radius:8px;justify-content:space-between;margin-top:13px;padding:13px;font-size:12px;display:flex}.banner span{opacity:.7}.actions{justify-content:flex-end;gap:9px;display:flex}.empty{text-align:center;color:#8b9591;padding:38px}.empty svg{opacity:.4}.projects>div{border-bottom:1px solid #e5e6e1;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.projects>div>i{background:#e9ede7;border-radius:8px;place-items:center;width:43px;height:43px;font-style:normal;display:grid}.projects span{display:grid}.projects small{margin-top:4px}.logform{grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:12px;margin-bottom:28px;display:grid}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #e4e5df;padding:13px}th{letter-spacing:1px;color:#7b8581;font-size:10px}.trash{cursor:pointer;background:0 0;border:0}.bar{margin:20px 0}.bar>div{justify-content:space-between;font-size:12px;display:flex}.bar span{color:#7b8581}.bar>i{background:#eaede7;border-radius:8px;height:8px;margin-top:8px;display:block}.bar>i>em{background:#88aa3b;border-radius:8px;height:100%;display:block}.reason{border-bottom:1px solid #e1e3dd;justify-content:space-between;padding:15px 0;font-size:13px;display:flex}.toast{color:#fff;background:#17251f;border-radius:9px;align-items:center;gap:8px;padding:13px 18px;font-size:12px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #0003}@media (width<=900px){.app{display:block}aside{width:100%;height:auto;position:static}.brand,.local{display:none}nav{display:flex;overflow:auto}main{padding:20px}.grid{grid-template-columns:1fr}.hero{padding:30px}.orb{display:none}.metrics{grid-template-columns:1fr 1fr}.logform{grid-template-columns:1fr}.hero h2{font-size:36px}}.ai-card,.ai-report{background:#f7faef;border:1px solid #cbd8ae;border-radius:14px;margin-bottom:17px;padding:22px}.ai-card{align-items:flex-start;gap:13px;display:flex}.ai-card svg{color:#709526;flex:none}.ai-card div{gap:5px;display:grid}.ai-card small{color:#6c7872;line-height:1.5}.ai-card.error{background:#fff4f1;border-color:#efcbc4}.ai-card.error svg{color:#ad4b40}.ai-card .ghost{width:max-content;margin-top:8px}.ai-report-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.ai-report h3{margin:7px 0;font-size:18px;line-height:1.35}.ai-report>p{color:#59665f;font-size:12px;line-height:1.55}.ai-report-head>em{white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:700}.ai-dimensions{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;display:grid}.ai-dimensions>div{background:#fff;border:1px solid #e0e6d5;border-radius:9px;gap:4px;padding:11px;display:grid}.ai-dimensions b{text-transform:capitalize;font-size:11px}.ai-dimensions span{color:#69736f;font-size:11px;line-height:1.45}.improvements{color:#fff;background:#1d3029;border-radius:10px;padding:15px}.improvements>b{color:#b8f04a;font-size:12px}.improvements ol{margin:9px 0 0;padding-left:18px}.improvements li{margin:5px 0;font-size:11px;line-height:1.5}.ai-report>.ghost{margin-top:8px}@media (width<=900px){.ai-dimensions{grid-template-columns:1fr}.ai-report-head{display:block}.ai-report-head>em{margin-bottom:10px;display:inline-block}}