@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:#18342e;background:#f4f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}code{font-size:.9em;background:#edf1ed;padding:3px 6px;border-radius:4px}.layout{display:flex;min-height:100vh}.sidebar{width:262px;flex-shrink:0;background:#102f29;color:#dcece4;padding:30px 19px;display:flex;flex-direction:column;gap:17px;position:relative}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.5px}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:2.9px;color:#8faea4;margin-top:3px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#daf8e7;color:#13382e;font-size:23px}.brand-mark span{color:#42a781}.sidebar-label{color:#819e94;font-size:10px;letter-spacing:2.5px;font-weight:700;margin:25px 12px 0}.nav-item{border-radius:10px;padding:13px 15px;display:flex;align-items:center;gap:13px;color:#d1e8dd;font-size:14px;font-weight:600}.nav-item.active{background:#214a3e;color:#fff}.nav-item.muted{color:#779c8e}.nav-item small{font-size:10px;float:right;margin-left:18px;font-weight:400;color:#729489}.sidebar-note{margin-top:auto;border:1px solid #31564d;border-radius:12px;padding:15px;font-size:12px;line-height:1.65;color:#9dbdb0}.main{flex:1;padding:0 48px;min-width:0;max-width:1480px}.topbar{height:90px;border-bottom:1px solid #e3e9e4;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#899e91;font-weight:800}.build-pill{color:#4e7467;border-radius:99px;border:1px solid #d8e5dc;background:#fdfefd;padding:7px 12px;font-size:11px;font-weight:700}.intro{padding:60px 0 36px;max-width:750px}.section-tag{display:inline-flex;padding:5px 9px;border-radius:6px;font-size:10px;color:#247b55;background:#e5f6e9;letter-spacing:1.4px;font-weight:800}.intro h1{font-family:Manrope,sans-serif;letter-spacing:-1.8px;margin:15px 0 12px;font-size:clamp(29px,4vw,43px);line-height:1.2}.intro p{color:#6d8276;font-size:15px;line-height:1.7;margin:0}.panel,.metric{border:1px solid #e0e8e1;background:#fff;border-radius:17px;box-shadow:0 8px 28px #183d2b08;padding:27px}.panel h2{font-family:Manrope;margin:0 0 9px;font-size:18px;letter-spacing:-.45px}.panel p{font-size:13px;line-height:1.7;color:#688071}.panel-muted{background:#eaf2ed;border-color:#e0eae3}.panel-muted h3{font-family:Manrope;margin:13px 0;font-size:27px;letter-spacing:-.9px}.auth-grid,.workspace-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;max-width:1080px}.form{display:grid;gap:17px;margin-top:25px}.form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#39594d}.form input{width:100%;height:45px;border:1px solid #ccdcd0;border-radius:9px;padding:0 14px;outline:none;background:#fff;color:#18342e}.form input:focus{border-color:#3e9b70;box-shadow:0 0 0 3px #78b99933}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.button-row button{padding:12px 18px;border-radius:9px;font-size:13px;font-weight:800;border:1px solid transparent}.primary{background:#135b43;color:#fff}.secondary{background:#fff;border-color:#d4e1d8!important;color:#355747}.notice{background:#fff7e8;border:1px solid #f5dfb3;border-radius:10px;padding:14px;font-size:13px;color:#84602e;line-height:1.6;margin:15px 0}.mini-list{display:grid;gap:15px;margin-top:25px;color:#346b51;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.metric{display:flex;flex-direction:column;gap:14px;min-height:159px}.metric>span:first-child{font-size:12px;font-weight:700;color:#6c8778}.metric strong{font-family:Manrope;font-size:29px;letter-spacing:-1px}.metric small{color:#90a496;font-size:11px}.chip{width:max-content;display:flex;align-items:center;gap:8px;border-radius:100px;font-size:12px;font-weight:700;padding:8px 12px;background:#f1f4f2;color:#60796a}.chip-success{background:#e2f8ea;color:#238453}.chip-error{background:#fff0ec;color:#b35740}.chip-checking{background:#fff5dc;color:#96732f}.chip-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.feedback{border-radius:10px;padding:12px 15px;background:#f1f6f2!important;color:#315b46!important;font-size:12px!important;overflow-wrap:anywhere}.ok{color:#288357!important}.text-button{margin-top:2px;padding:0;background:none;border:none;text-decoration:underline;color:#167453;font-size:13px;font-weight:800}.logout{border:0;background:none;color:#81958a;text-decoration:underline;font-size:12px;margin:30px 0 0;padding:0}footer{color:#a1afa5;font-size:11px;padding:45px 0}@media(max-width:920px){.sidebar{width:205px}.main{padding:0 25px}.auth-grid,.workspace-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:660px){.layout{display:block}.sidebar{position:static;width:auto;padding:14px 18px;flex-direction:row;justify-content:space-between;align-items:center}.sidebar-label,.sidebar-note,.nav-item{display:none}.main{padding:0 18px}.topbar{height:65px}.intro{padding:35px 0 26px}.stats{grid-template-columns:1fr}.metric{min-height:110px}.panel{padding:22px}.brand{font-size:15px}}
