:root{--green:#116b38;--green2:#20904c;--dark:#0d2519;--ink:#17251c;--muted:#66766d;--bg:#f2f6f3;--line:#dae5dd;--red:#b7352d;--amber:#b57609;--blue:#2d6f9f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.48 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}label{display:block;font-weight:750;margin-bottom:13px}input,select,textarea{display:block;width:100%;border:1px solid #bdcec2;background:#fff;border-radius:9px;padding:10px 11px;margin-top:6px;color:var(--ink)}textarea{resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0b2418,#123a24);color:#fff;padding:24px 18px;display:flex;flex-direction:column}.logo-plate{background:#fff;border-radius:14px;padding:10px;box-shadow:0 8px 22px #0003}.logo-plate img{display:block;width:100%;height:105px;object-fit:contain}.sidebar>p{font-size:10px;letter-spacing:.17em;color:#9fc4aa;text-align:center;margin:14px 0 22px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#c7dccf;padding:11px 12px;border-radius:9px;text-align:left;font-weight:700}.sidebar nav button.active{background:#fff;color:var(--green)}.logout{margin-top:auto;border:1px solid #ffffff40;background:transparent;color:#fff;padding:9px;border-radius:8px}.main{min-width:0;padding:0 34px 60px}.topbar{min-height:82px;margin:0 -34px 22px;padding:13px 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar h1{font-size:21px;margin:2px 0}.server-select{min-width:320px;margin:0}.server-select select{margin-top:2px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:850;color:var(--green);margin:0}.page-title{margin:28px 0 18px}.page-title h1{font-size:30px;line-height:1.1;margin:5px 0 8px}.page-title>p:last-child{color:var(--muted);max-width:760px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:16px;box-shadow:0 5px 18px #1a3f2609}.card h2{font-size:18px;margin:0 0 14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{appearance:none;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;color:inherit}.metric:hover{border-color:#7eb68c;box-shadow:0 7px 20px #183c2414}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric b{display:block;font-size:25px;margin:4px 0}.primary,.secondary,.danger{display:inline-block;border:1px solid var(--green);border-radius:9px;padding:10px 14px;font-weight:800;text-decoration:none}.primary{background:var(--green);color:#fff}.secondary{background:#fff;color:var(--green)}.danger{background:#fff;color:var(--red);border-color:#d99a96}.small{padding:6px 10px;font-size:12px}.link-button{margin-top:8px}.workflow{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:0;border-bottom:1px solid #edf2ee;background:#fff;text-align:left;padding:16px 10px;color:inherit}.workflow:last-child{border:0}.workflow>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e6f3e9;color:var(--green)}.workflow span{display:grid}.workflow small{color:var(--muted)}.workflow em{font-size:21px;color:var(--green);font-style:normal}.drop{border:2px dashed #a9c4b1;border-radius:13px;background:#f7fbf8;padding:28px;text-align:center}.callout{margin-top:15px;padding:12px 14px;border-left:5px solid var(--blue);background:#eff7fc;border-radius:9px}.callout p{margin:4px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7eee9;vertical-align:top}th{font-size:11px;color:#486052;background:#f4f8f5;text-transform:capitalize}.sortable th{cursor:pointer}.sticky-actions{position:sticky;bottom:15px;text-align:right}.component{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #edf2ee;padding:11px 0}.component:first-of-type{border-top:0}.component small{display:block;color:var(--muted)}.component>strong{font-size:16px;color:var(--green)}.score-head{display:flex;justify-content:space-between;align-items:center}.score{display:grid;grid-template-columns:auto auto;align-items:end;background:#fff;border:1px solid var(--line);padding:12px 20px;border-radius:15px}.score b{font-size:36px}.score small{margin-bottom:8px}.score span{grid-column:1/-1;color:var(--green);font-weight:800}.activity-row{width:100%;display:grid;grid-template-columns:90px 1fr 35px;gap:10px;align-items:center;border:0;border-top:1px solid #edf2ee;background:#fff;color:inherit;text-align:left;padding:12px 3px}.activity-row:hover{background:#f5faf6}.activity-row span{color:var(--muted);font-size:12px}.note{display:flex;justify-content:space-between;gap:12px;border-left:5px solid var(--amber);background:#fff8e8;border-radius:9px;padding:12px;margin:8px 0}.note small{display:block;color:var(--muted)}.note-form{display:grid;grid-template-columns:2fr .7fr 1.3fr .7fr 1fr auto;gap:8px;align-items:end}.note-form input,.note-form select{margin:0}.actions{display:flex;gap:9px;flex-wrap:wrap}.token-box{margin-top:15px;border:1px solid #b9d3c0;background:#f4faf6;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.token-box>b{font-size:21px;letter-spacing:.08em;color:var(--green)}.token-box small{width:100%;color:var(--muted)}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.form-grid input,.form-grid select{margin:0}.helper{color:var(--muted);font-size:12px}.success{background:#ecf8ef;padding:12px;border-radius:9px;color:var(--green)}.empty{text-align:center;padding:90px 20px;background:#fff;border:1px solid var(--line);border-radius:15px}.error{color:var(--red);font-weight:700}.login-shell,.server-view{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#194c2f,#091e14 65%)}.login-card,.server-view-card{width:min(480px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 70px #0005}.login-card>img,.server-view-card>img{display:block;width:210px;height:125px;object-fit:contain;margin:0 auto 15px}.login-card h1,.server-view-card h1{margin:4px 0 20px}.server-view-card{width:min(780px,100%)}.server-score{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.server-score>b{font-size:38px}.server-score>b small{font-size:13px}.server-score>strong{grid-column:1/-1;color:var(--green)}#toast{position:fixed;right:25px;top:92px;z-index:50;background:#113825;color:#fff;padding:12px 17px;border-radius:10px;box-shadow:0 10px 30px #0003;max-width:430px}#toast.bad{background:#81251f}dialog{width:min(1100px,94vw);max-height:88vh;border:0;border-radius:16px;padding:20px;box-shadow:0 25px 80px #0005}dialog::backdrop{background:#071b1080}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-close{border:0;background:transparent;font-size:30px}.dialog-head h2{margin:0}.edit-server{white-space:nowrap}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:10px;display:block}.logo-plate{width:110px;display:inline-block}.sidebar>p{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:8px}.sidebar nav button{white-space:nowrap;font-size:11px}.logout{float:right;margin-top:13px}.main{padding:0 14px 40px}.topbar{margin:0 -14px 15px;padding:12px 14px;align-items:flex-end}.server-select{min-width:170px}.grid-2,.metrics{grid-template-columns:1fr}.note-form,.form-grid{grid-template-columns:1fr}.score-head{align-items:flex-start}.score{padding:8px 13px}.page-title h1{font-size:25px}.actions{display:grid}.activity-row{grid-template-columns:80px 1fr 25px}}