:root{--bg:#f3f5f0;--ink:#1d2a25;--muted:#81908a;--line:#dfe5df;--green:#285f48;--lime:#c8e86a;--warm:#ece6da;--card:#fff;--shadow:0 18px 50px rgba(31,58,44,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"Microsoft YaHei",sans-serif}button{font:inherit;border:0;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{background:#203e31;color:#f3f6ee;width:236px;padding:30px 22px 24px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;margin:2px 8px 64px}.brand-mark{width:31px;height:31px;border:1px solid #aacb91;border-radius:9px;display:grid;place-items:center;color:var(--lime);font-size:17px}.brand-name{font-weight:800;letter-spacing:-.4px}.brand-sub{font:10px "DM Mono",monospace;color:#9cb5a3;letter-spacing:1.4px;margin-top:3px}.side-label,.eyebrow{font:10px "DM Mono",monospace;letter-spacing:1.5px;color:#789086}.sidebar .side-label{color:#84a293;margin:0 10px 14px}.side-nav{display:grid;gap:6px}.nav-item{background:transparent;color:#a7b9ad;text-align:left;padding:12px 12px;border-radius:10px;font-size:13px;display:flex;gap:12px;align-items:center}.nav-item span{font-size:18px;color:#92aa9d}.nav-item b{margin-left:auto;font:11px "DM Mono";color:#bfdcc4}.nav-item.active{background:#315a46;color:#f5f7f1}.nav-item.active span{color:var(--lime)}.sidebar-spacer{flex:1}.mini-note{display:flex;gap:10px;border:1px solid #3c604d;background:#2a4d3d;padding:13px 12px;border-radius:11px;margin-bottom:24px}.note-dot{width:7px;height:7px;margin-top:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #436653}.mini-note strong{font-size:11px;font-weight:600}.mini-note p{font-size:10px;color:#9db5a4;line-height:1.5;margin:5px 0 0}.side-footer{font-size:11px;color:#98b0a0;line-height:1.7;padding:0 10px}.side-footer span{color:#6f8d7d}.main-content{margin-left:236px;width:calc(100% - 236px);max-width:1260px;padding:38px 58px 44px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{margin:0 0 8px}.topbar h1{font-size:25px;letter-spacing:-1px;margin:0;font-weight:700}.status-pill{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:10px 14px;font-size:11px;color:#6e7c76}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8fd35e;margin-right:7px;box-shadow:0 0 0 4px #ecf7df}.divider{height:12px;width:1px;background:#d9dfda;display:inline-block;margin:0 10px -2px}.hero-card{background:#2e5b47;min-height:280px;border-radius:19px;display:flex;overflow:hidden;color:white;position:relative;box-shadow:var(--shadow)}.hero-copy{padding:35px 10px 34px 40px;position:relative;z-index:1;width:55%}.kicker{font:11px "DM Mono",monospace;color:#acc6b3;letter-spacing:.8px;margin-bottom:19px}.kicker span{color:var(--lime);margin:0 5px}.hero-copy h2{font-size:34px;line-height:1.18;letter-spacing:-1.8px;margin:0 0 14px}.hero-copy h2 em{font-style:normal;color:var(--lime)}.hero-copy p{font-size:12px;color:#c2d3c7;line-height:1.8;margin:0 0 24px;max-width:350px}.primary-button{background:var(--lime);color:#203e31;border-radius:9px;padding:12px 14px 12px 11px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:9px;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #173d2b66}.button-icon{font-size:20px;font-weight:400;line-height:12px}.button-arrow{font-size:16px;margin-left:17px}.hero-art{width:45%;position:relative;overflow:hidden;background:#274d3c}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%;mix-blend-mode:screen;opacity:.75;filter:saturate(.7) contrast(1.1);transform:scale(1.05)}.art-glow{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#2e5b47 0%,transparent 35%),linear-gradient(0deg,#234a39aa,transparent 70%)}.art-caption{position:absolute;z-index:2;right:22px;bottom:17px;font:10px "DM Mono";color:#d9e6d9}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 37px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;position:relative}.metric-label{display:block;font-size:10px;color:#87948e;margin-bottom:10px}.metric strong{font:500 25px "DM Mono";letter-spacing:-1px}.metric-unit{font-size:11px;color:#8c9a92;margin-left:5px}.trend{position:absolute;right:15px;bottom:17px;color:#719663;font:10px "DM Mono"}.accent-metric{background:#f4f8e8;border-color:#dce8b9}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h3{font-size:20px;letter-spacing:-.8px;margin:0}.live-tag{font-size:10px;color:#7a8e84}.live-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8fc95c;margin-right:6px}.lifecycle-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.stage{display:flex;align-items:center;gap:15px;min-width:190px}.stage-number{font:11px "DM Mono";color:#a7b0ab;align-self:flex-start;margin-top:4px}.stage img{width:67px;height:67px;border-radius:10px;object-fit:cover}.stage:nth-of-type(3) img{object-position:center}.stage-info strong{font-size:14px;display:block}.stage-info span{font:10px "DM Mono";color:#95a29b;display:block;margin-top:4px}.stage-info small{font-size:10px;color:#719265;display:block;margin-top:8px}.connector{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ea9a2;font:9px "DM Mono"}.connector span{width:80%;height:1px;background:#d5ddd7;position:relative}.connector span:after{content:'›';position:absolute;right:-2px;top:-8px;font:18px Arial;color:#9bb4a1}.colony-heading{margin-top:37px}.count-label{font-size:10px;color:#8b9992}.colony-grid{min-height:166px;display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px}.empty-state{border:1px dashed #cbd5ce;border-radius:14px;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#89968f;gap:6px}.empty-state strong{font-size:13px;color:#66766e}.empty-state span{font-size:11px}.empty-icon{font-size:27px;color:#b0beb3;margin-bottom:2px}.roach-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;align-items:center;padding:10px;gap:12px;animation:pop .35s ease}.roach-card img{width:70px;height:70px;object-fit:cover;border-radius:9px}.roach-data{flex:1}.roach-id{font:10px "DM Mono";color:#a4ada8}.roach-name{font-size:13px;font-weight:700;margin:4px 0 7px}.stage-chip{font-size:9px;background:#edf5dc;color:#6b8a55;padding:4px 7px;border-radius:4px}.timer{font:10px "DM Mono";color:#89978f;margin-top:7px}.progress{height:3px;background:#e8ede8;border-radius:4px;margin-top:7px;overflow:hidden}.progress b{display:block;height:100%;background:#a8ca68;width:0;transition:width .4s}.credits{font-size:10px;color:#a0aaa4;margin-top:31px}.credits a{color:#738b7c}.hide{display:none}@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.sidebar{width:190px}.main-content{margin-left:190px;width:calc(100% - 190px);padding:30px}.stage{min-width:150px}.stage img{width:55px;height:55px}.connector span{width:60%}}@media(max-width:680px){.sidebar{position:relative;width:100%;height:auto;padding:20px;display:block}.brand{margin-bottom:22px}.side-nav{display:flex}.sidebar-spacer,.mini-note,.side-footer,.side-label{display:none}.app-shell{display:block}.main-content{margin:0;width:100%;padding:25px 18px}.topbar{align-items:center}.topbar h1{font-size:21px}.status-pill{font-size:0}.status-pill .pulse{margin:0}.hero-card{min-height:420px}.hero-copy{width:100%;padding:30px}.hero-art{position:absolute;inset:auto 0 0;width:100%;height:170px;opacity:.58}.hero-copy p{max-width:260px}.metrics-row{grid-template-columns:repeat(2,1fr);margin-bottom:30px}.lifecycle-card{padding:18px 12px;display:block}.stage{margin:10px}.connector{height:22px;display:flex;flex-direction:row}.connector span{width:60%;}.connector small{display:none}.colony-grid{grid-template-columns:1fr}}
.topbar-actions{display:flex;align-items:center;gap:10px}.account-button{background:var(--green);color:#f2f7ee;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:700;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button:hover{background:#367256}.primary-button.is-locked{opacity:.8}.auth-backdrop{position:fixed;z-index:20;inset:0;background:#18312680;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.auth-modal{width:min(410px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 25px 80px #18312655;position:relative}.modal-close{position:absolute;right:18px;top:14px;background:transparent;color:#83928a;font-size:25px}.auth-kicker{font:10px "DM Mono";color:#719080;letter-spacing:1.2px;margin-bottom:12px}.auth-modal h2{margin:0;font-size:24px;letter-spacing:-1px}.auth-description{font-size:11px;color:#84928b;margin:9px 0 22px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.auth-tab{padding:9px 15px 11px;background:transparent;color:#9aa59f;font-size:12px;border-bottom:2px solid transparent}.auth-tab.active{color:var(--green);border-color:var(--lime);font-weight:700}.auth-modal label{display:block;font-size:11px;color:#6e7c74;margin:13px 0}.auth-modal input{display:block;width:100%;margin-top:7px;border:1px solid #dce4dd;border-radius:8px;padding:12px 11px;outline:0;font:12px Manrope}.auth-modal input:focus{border-color:#8ab16f;box-shadow:0 0 0 3px #e5f0d9}.auth-submit{width:100%;margin-top:12px;background:var(--green);color:#fff;border-radius:8px;padding:12px;font-size:12px;font-weight:700}.auth-submit:disabled{opacity:.55}.auth-message{min-height:18px;font-size:11px;text-align:center;color:#819089;margin:13px 0 0}.auth-message.error{color:#b7554d}.auth-message.success{color:#6f965d}.auth-message.warning{color:#a37b3c}.auth-config-hint{font-size:10px;line-height:1.6;color:#a37b3c;background:#fff8e8;border-radius:7px;padding:8px;margin:14px 0 0}.hide{display:none}