:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17241e;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bd4b3;outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.app-shell>aside{background:#102c21;color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:18px;padding:0 8px 28px}.brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#d8f35a,#75d49b);display:grid;place-items:center;color:#123021;font-weight:900;font-size:25px;box-shadow:0 12px 30px #0a2b1c25}.brand-mark.small{width:34px;height:34px;border-radius:10px;font-size:16px}.app-shell nav{display:grid;gap:5px}.app-shell aside nav button,.bottom-nav button{border:0;background:transparent;color:#b9c9c1;padding:12px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;min-height:44px}.app-shell aside nav button:hover,.app-shell aside nav button.active{background:#214637;color:#fff}.user-chip{margin-top:auto;border-top:1px solid #315143;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.user-chip div{display:grid}.user-chip small{color:#9fb3a9}.avatar{width:38px;height:38px;border-radius:50%;background:#d8f35a;color:#193026;display:grid;place-items:center;font-weight:800}.avatar.large{width:76px;height:76px;font-size:26px}.workspace{padding:36px clamp(20px,4vw,60px) 80px;max-width:1440px;width:100%;margin:auto}.workspace>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.workspace h1{font-size:32px;margin:2px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#668074;margin:0}.connection{display:flex;align-items:center;gap:8px;font-size:13px;color:#527065;background:#fff;border:1px solid #e1e8e3;padding:9px 13px;border-radius:999px}.connection i{width:8px;height:8px;background:#48a96c;border-radius:50%}.stack{display:grid;gap:12px}.gap{gap:24px}.hero{border-radius:22px;background:linear-gradient(130deg,#173d2e,#28674d);color:#fff;padding:28px;display:flex;justify-content:space-between;align-items:end;box-shadow:0 20px 50px #153a2925}.hero h2{font-size:28px;margin:8px 0}.hero p{color:#d3e3da}.hero .eyebrow{color:#a9c7b8}.hero-score{font-size:42px;font-weight:900;display:grid;text-align:center}.hero-score small{font-size:12px;font-weight:500}.section{background:#fff;border:1px solid #e4eae6;border-radius:18px;padding:20px;box-shadow:0 8px 28px #183b2910}.section>header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section h2,.panel h2,.action-bar h2{margin:0;font-size:18px}.section>header>span{font-size:12px;background:#edf2ee;padding:3px 8px;border-radius:999px}.activity-card,.row-card,.ranking,.audit-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e8ede9;border-radius:14px;padding:15px}.activity-card h3,.task-card h3,.target-card h3{margin:9px 0 5px}.activity-card p,.task-card p,.action-bar p,.panel p{margin:0;color:#6d7d75;font-size:13px}.activity-card button,.target-card button,.row-card button,.offline button,.alert button{border:1px solid #cbd8d0;background:#fff;border-radius:10px;padding:9px 13px;min-height:42px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:11px;font-weight:750;border-radius:999px;background:#edf2ef;color:#466055;padding:5px 8px;display:inline-flex}.badge.danger{background:#fff0ed;color:#af392b}.badge.success{background:#e7f7ec;color:#247044}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:#fff;border:1px solid #e4eae6;border-radius:16px;padding:20px;display:grid;gap:12px}.metric span{color:#65786e;font-size:13px}.metric strong{font-size:27px}.metric.danger strong{color:#b93e31}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-card,.target-card,.panel,.action-bar,.profile-card,.score-hero{background:#fff;border:1px solid #e4eae6;border-radius:18px;padding:20px}.task-card dl,.profile-card dl{display:grid;gap:8px;margin:18px 0 0}.task-card dl div,.profile-card dl div{display:flex;justify-content:space-between;border-top:1px solid #eef1ef;padding-top:8px}.task-card dt,.profile-card dt{color:#738179;font-size:12px}.task-card dd,.profile-card dd{margin:0;font-size:12px;font-weight:700}.toolbar,.action-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar input{max-width:260px}.primary{border:0;background:#1d5d43;color:#fff;border-radius:11px;padding:13px 18px;min-height:46px;font-weight:750}.primary.compact{min-height:40px;padding:9px 14px}.quick-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;width:100%;margin-top:18px}.action-bar{flex-wrap:wrap}.action-bar .quick-form{flex-basis:100%}.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}label{display:grid;gap:6px;font-size:13px;font-weight:700}input,select{border:1px solid #cdd8d1;border-radius:10px;background:#fff;padding:11px 12px;min-height:44px;color:#173126}.progress{height:10px;background:#e7ece9;border-radius:999px;overflow:hidden;margin:18px 0 10px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#55bd78,#b4d836);border-radius:inherit}.target-number{display:flex;justify-content:space-between;align-items:end}.target-number strong{font-size:28px}.target-number span{font-size:12px;color:#6a7a72}.target-card form{display:flex;gap:8px;margin-top:16px}.target-card form input{min-width:0;width:100%}.target-card form button{background:#173f30;color:#fff}.ranking>span{width:34px;height:34px;border-radius:10px;background:#183e2f;color:#fff;display:grid;place-items:center;font-weight:800}.ranking div,.audit-card div{display:grid;gap:3px;margin-right:auto}.ranking small,.audit-card small,.row-card small{display:block;color:#77857e;margin-top:3px}.ranking b{font-size:22px}.score-hero{display:grid;justify-items:center;text-align:center;padding:32px}.score-hero p{margin:0;color:#667970}.score-hero>strong{font-size:64px;letter-spacing:-.05em}.score-hero small{margin-top:12px;color:#718078}.timeline{display:grid;grid-template-columns:105px 16px 1fr;gap:12px;align-items:center}.timeline time{font-size:12px;color:#66776e;text-align:right}.timeline>span{width:10px;height:10px;border-radius:50%;background:#54ac72;box-shadow:0 0 0 4px #e7f3eb}.timeline div{display:flex;align-items:center;gap:10px;border-left:1px solid #dce5df;padding:10px 0 10px 15px}.audit-card code{font-size:11px;color:#66776e}.profile-card{max-width:520px;text-align:center;margin:auto;display:grid;justify-items:center;gap:12px}.profile-card dl{width:100%;text-align:left}.danger-ghost{border:1px solid #f0c8c1!important;color:#a93629!important;background:#fff8f6!important;border-radius:10px;padding:9px 13px}.empty,.centered{min-height:220px;display:grid;place-items:center;text-align:center;align-content:center;color:#6a7c72}.empty span{font-size:34px}.empty h3{margin:10px 0 2px}.empty p{margin:0}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid #dce7e0;border-top-color:#2b7655;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert,.offline{border-radius:14px;padding:15px;background:#fff2ef;color:#862f25;border:1px solid #f4cec7}.offline{background:#fff8df;color:#6f5613;border-color:#eadca4}.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 10%,#deefb5,transparent 35%),radial-gradient(circle at 90% 90%,#a9dfc0,transparent 35%),#eff4ef}.login-card{background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:26px;box-shadow:0 28px 90px #22463330;padding:38px;max-width:430px;width:100%}.login-card h1{font-size:36px;line-height:1.08;margin:12px 0}.login-card .muted{color:#6b7d73;margin-bottom:25px}.bottom-nav{display:none}@media(max-width:1023px){.app-shell{grid-template-columns:190px 1fr}.card-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.app-shell{display:block}.app-shell>aside{display:none}.workspace{padding:22px 16px 92px}.workspace>header{align-items:start}.workspace h1{font-size:27px}.connection{font-size:0;padding:10px}.hero{align-items:start;padding:22px}.hero h2{font-size:23px}.hero-score{font-size:32px}.summary-grid,.card-grid{grid-template-columns:1fr}.activity-card,.toolbar,.action-bar{align-items:flex-start}.toolbar input{display:none}.bottom-nav{display:grid;position:fixed;z-index:10;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr)!important;background:#fff;border-top:1px solid #dfe7e2;padding:7px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));box-shadow:0 -10px 30px #193c2c12}.bottom-nav button{display:grid!important;justify-items:center!important;gap:3px!important;padding:4px!important;color:#738279!important;text-align:center!important;font-size:11px}.bottom-nav button>span:first-child{font-size:18px}.bottom-nav button.active{color:#175a3d!important}.quick-form{grid-template-columns:1fr}.target-card form{align-items:stretch}.login-card{padding:28px}.login-card h1{font-size:31px}.score-hero>strong{font-size:52px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}