:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#26332f;background:#f5f7f7;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid #dce4e1;border-radius:8px;padding:10px 16px;background:white;color:#334c42}button:hover{background:#edf5f0}button.primary{background:#247b60;color:white;border-color:#247b60}button:disabled{opacity:.5;cursor:wait}input,textarea,select{width:100%;padding:12px;border:1px solid #dce3e0;border-radius:8px;background:#fff;color:#26332f}textarea{min-height:110px;resize:vertical}label{display:block;font-size:13px;color:#60726a;margin:18px 0 7px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;margin-bottom:9px}h2{font-size:18px}small,.muted{color:#84948c}small{font-size:12px}.shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.side{background:#102e27;color:#b9ccc4;padding:28px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:228px}.logo{display:flex;gap:11px;align-items:center;padding:2px 12px 32px;color:white}.logo strong{font-size:20px}.mark{background:#bcdfb9;color:#143a2c;display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-size:22px}.logo small{display:block;color:#8bada0;font-size:10px;letter-spacing:2px;margin-top:5px}.nav-label{font-size:10px;letter-spacing:2px;color:#708f82;padding:17px 14px 8px}.nav{display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:8px;margin-bottom:5px;font-size:13px}.nav.active{background:#295044;color:#d9f3d2}.nav i{font-style:normal;width:20px;font-size:18px}.side-bottom{margin-top:auto;background:#1a3c31;border:1px solid #2b5041;padding:17px;border-radius:10px;font-size:12px;line-height:1.8}.side-bottom small{color:#9fbaad}.main{grid-column:2}.top{height:78px;background:white;border-bottom:1px solid #e7eeea;padding:0 38px;display:flex;justify-content:space-between;align-items:center}.crumb{font-size:12px;color:#7b8d82}.top-right{display:flex;align-items:center;gap:17px}.env{font-size:11px;border:1px solid #e2e9db;color:#7d8b61;padding:5px 9px;border-radius:5px;background:#fbfcf6}.avatar{background:#e9f2ed;color:#39755a;padding:10px;border-radius:50%;font-size:12px}.content{max-width:1500px;padding:35px 38px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.heading p{color:#87948e;font-size:13px;margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#789180;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat,.panel,.site-card{border:1px solid #e1e8e4;background:white;border-radius:12px}.stat{padding:21px}.stat-top{display:flex;justify-content:space-between;color:#788c80;font-size:12px}.stat-top span{background:#f1f6f2;border-radius:6px;padding:5px}.stat b{display:block;font-size:32px;font-weight:600;margin:12px 0 8px}.stat small{font-size:11px}.panel{padding:23px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h2{margin:0}.toolbar{display:flex;gap:10px;align-items:center}.toolbar input{max-width:250px;padding:9px 13px}.toolbar select{width:160px;padding:9px}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.site-card{overflow:hidden}.cover{height:132px;padding:20px;position:relative;background:#edf1e6;color:#3b5a42;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.cover:after{content:'';position:absolute;width:130px;height:130px;border:24px solid #ffffff60;border-radius:50%;right:-25px;bottom:-38px}.cover.blue{background:#e7edf5;color:#335770}.cover.sand{background:#f2e9dc;color:#7c6245}.cover .tiny{font-size:9px;letter-spacing:3px;opacity:.65}.cover h3{font-size:23px;margin:9px 0 0;letter-spacing:2px}.card-body{padding:20px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{border-radius:5px;font-size:10px;padding:4px 8px;background:#f0f4ef;color:#6f7e70;white-space:nowrap}.pill.green{background:#e7f5ed;color:#27825d}.pill.orange{background:#fff1dc;color:#b27c32}.domain{font-size:11px;color:#8c9991;margin:9px 0 22px}.site-meta{display:grid;grid-template-columns:1fr 1fr;font-size:11px;line-height:1.8;color:#8c9991;border-top:1px solid #edf0ed;padding:14px 0}.site-meta strong{display:block;font-weight:500;color:#526b5c}.card-actions{display:flex;gap:7px}.card-actions button{padding:8px 12px;font-size:11px;flex:1}.lower{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:24px}.activity{padding:12px 0;border-bottom:1px solid #edf1ed;display:flex;gap:12px;font-size:12px}.activity:last-child{border:0}.dot{width:8px;height:8px;background:#75a78c;border-radius:50%;margin-top:5px}.activity small{display:block;margin-top:5px;font-size:10px}.flow{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:12px}.flow b{display:grid;place-items:center;border:1px solid #dce7df;border-radius:7px;width:29px;height:29px;color:#639578}.note{background:#f5f8f3;border:1px solid #e5ecdf;padding:12px;border-radius:8px;font-size:12px;color:#7c8b72;line-height:1.8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8c9992;font-weight:400;background:#f8faf8}td,th{padding:15px 12px;border-bottom:1px solid #edf1ee}td button{padding:6px 10px;font-size:11px;margin-right:4px}.empty{padding:40px;text-align:center;color:#8b9b90}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-brand{padding:12vh 9vw;background:#102e27;color:#e4efdf;display:flex;flex-direction:column;justify-content:center}.login-brand h1{font-size:48px;line-height:1.5;letter-spacing:1px;margin:25px 0}.login-brand p{font-size:15px;color:#a3bfae;line-height:2}.login-form{display:grid;place-items:center;padding:30px}.login-box{max-width:390px;width:100%}.login-box button.primary{width:100%;margin-top:25px}.accounts{font-size:12px;line-height:2;color:#7c8d81;background:#ecf1ec;padding:16px;border-radius:9px;margin-top:25px}.accounts button{padding:3px 8px;font-size:11px}.modal-back{position:fixed;inset:0;background:#0e241d70;z-index:10;display:grid;place-items:center;padding:25px}.modal{background:white;border-radius:14px;padding:30px;max-width:650px;width:100%;max-height:90vh;overflow:auto}.modal h2{margin-bottom:5px}.actions{display:flex;justify-content:end;gap:9px;margin-top:24px}pre{background:#122b24;color:#c4dec9;border-radius:9px;padding:20px;font-size:12px;white-space:pre-wrap;word-break:break-all;line-height:1.8}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.media-grid img{width:100%;height:130px;object-fit:cover;border-radius:8px}#toast{display:none;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#173c2e;color:white;padding:14px 24px;border-radius:9px;z-index:50}.footer-note{font-size:10px;color:#9aa99f;margin-top:26px;display:flex;justify-content:space-between}@media(max-width:1100px){.site-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.lower,.two-col{grid-template-columns:1fr}}@media(max-width:720px){.shell{grid-template-columns:70px 1fr}.side{width:70px;padding:20px 6px}.logo{padding:0 8px 25px}.logo>div:last-child,.nav span,.nav-label,.side-bottom{display:none}.nav{padding:13px}.top{padding:0 18px}.content{padding:24px 16px}.heading{align-items:start}.site-grid{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:15px}.toolbar{flex-wrap:wrap}.top-right .env{display:none}.login{grid-template-columns:1fr}.login-brand{display:none}.media-grid{grid-template-columns:1fr 1fr}}