
:root{--ink:#202b2b;--muted:#71807d;--green:#226d58;--light:#eef3ee;--line:#e2e8e1;--cream:#f8faf6;--mint:#d8efb7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.6 "Segoe UI",Arial,sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #76a650}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.sidebar{position:fixed;width:246px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column}.brand{font-size:28px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:center;gap:9px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--green);color:#eff9e3;width:35px;height:40px;border-radius:12px 12px 12px 3px;font-size:29px;line-height:1}.brand-dot{font-size:9px;color:#92b87d;margin-left:-6px;margin-top:14px}.workspace{display:flex;align-items:center;gap:11px;padding:20px 0 26px;margin-top:19px}.workspace strong{font-size:13px}.workspace small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;background:#f2e2ce;display:grid;place-items:center;color:#987756;font-weight:bold}.nav-label,.nav-label+nav{font-size:10px;color:var(--muted);letter-spacing:1.2px}.nav-label{padding:0 12px 13px}nav a{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:0;padding:12px;color:#66716f;border-radius:7px;margin-bottom:6px;font-weight:550}nav a span{font-size:19px;width:19px;text-align:center}nav a.active{background:#eaf1e7;color:#285c43}nav a:hover{background:#f1f5ef;text-decoration:none}.nav-rule{height:1px;background:var(--line);margin:20px 9px}.sidebar-bottom{margin-top:auto}.helper{padding:16px 12px;background:#f7f8f3;border:1px solid var(--line);border-radius:10px;font-size:11px}.helper p{color:var(--muted);font-size:11px}.logout{border:0;background:none;color:#68756e;padding:20px 10px}.tiny{font-size:11px;color:var(--muted)}.main-shell{margin-left:246px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px}.crumb{color:var(--muted);margin-left:14px}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:20px;background:#f1f2ef;padding:4px 10px;font-size:10px;font-weight:600;color:#738076;white-space:nowrap}.badge.live{background:#e9f3df;color:#4a7640}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.content{max-width:1400px;margin:auto;padding:27px 42px}.demo-banner{font-size:11px;display:flex;gap:20px;color:#6f775f;margin-bottom:24px;padding:9px 13px;background:#eef2e7;border:1px solid #e1e9d7;border-radius:6px}.demo-banner span{font-size:9px;letter-spacing:1px;font-weight:700}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.7px;color:#6c8168}h1{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:8px 0 9px;font-weight:650}.page-heading p{font-size:12px;color:var(--muted);margin:0}h2{font-size:18px;line-height:1.4;letter-spacing:-.4px;margin:0 0 12px}p{color:#738076}.button{display:inline-block;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;padding:10px 17px;font-size:12px;font-weight:600;white-space:nowrap}.button:hover{background:#1d594a;text-decoration:none}.button.secondary{background:#fff;color:var(--green);border-color:#cbd8cd}.hero-card{border:1px solid #dfe8ce;background:#eef3df;border-radius:13px;min-height:236px;display:flex;justify-content:space-between;padding:31px 34px;overflow:hidden;position:relative}.hero-card h2{font-size:29px;margin:9px 0 10px;font-weight:620;letter-spacing:-.9px}.hero-card p{font-size:12px;color:#748265;line-height:1.8;margin-bottom:17px}.text-link{font-size:11px;font-weight:650}.text-link span{margin-left:18px}.orb-art{position:relative;min-width:240px;margin:0 18px}.orb{position:absolute;top:6px;right:34px;width:156px;height:156px;display:grid;place-items:center;background:linear-gradient(130deg,#e5f5c6,#a4cc80);border-radius:50%;font-size:105px;line-height:1;color:#396d42;box-shadow:inset 6px 5px 14px #f5ffe3,10px 18px 28px #9ab77a4d;font-weight:600;transform:rotate(-12deg)}.orb span{position:absolute;font-size:30px;right:18px;top:14px;color:#f8ffe8}.orb-ring{position:absolute;width:240px;height:110px;border:1px solid #bacb9d;transform:rotate(-30deg);border-radius:50%;top:42px;right:-6px}.spark{position:absolute;color:#70915a;font-size:30px}.s1{top:0;right:2px}.s2{bottom:0;left:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 22px}.stat>span{color:#758074;font-size:11px;display:flex;justify-content:space-between}.stat-icon{font-size:17px;color:#94a489}.stat strong{display:block;font-size:27px;margin:5px 0 0;letter-spacing:-.6px;font-weight:600}.stat strong small{font-size:11px;color:#8e9888;font-weight:400;letter-spacing:0;margin-left:9px}.stat p{font-size:10px;margin:8px 0 0}.lower-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:21px}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:25px}.panel>p{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.section-heading h2{font-size:15px;margin:0}.section-heading a{font-size:10px;font-weight:600}.command-preview{display:flex;align-items:center;gap:17px;padding:19px 0;border-bottom:1px solid #edf0e9}.command-preview:last-child{border:0;padding-bottom:3px}.command-preview code{min-width:66px;text-align:center;font-size:10px}.command-preview div{min-width:0}.command-preview strong{font-size:11px;font-weight:600}.command-preview p{font-size:10px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}code{background:#f0f4ea;color:#5d7350;padding:5px 8px;border-radius:5px;font:12px/1.5 Consolas,monospace}.status-dot{width:6px;height:6px;border-radius:50%;background:#cbd1c7;flex-shrink:0;margin-left:auto}.status-dot.on{background:#7ba75c}.tip-card{background:#f4f0e6;border:1px solid #e8e3d7;padding:25px;border-radius:11px}.tip-icon{display:block;font-size:30px;color:#9a8e68;margin-bottom:15px}.tip-card .eyebrow{display:block;color:#988765;font-size:8px}.tip-card h2{font-size:22px;margin:10px 0 13px;font-weight:600;line-height:1.3}.tip-card p,.tip-card li{font-size:11px;color:#8b826e;line-height:1.9}.tip-card ol{padding-left:18px}.tip-card code{font-size:10px;background:#eae5d7;color:#817454;padding:2px 3px}.tip-card .text-link{display:block;margin-top:17px}footer{display:flex;justify-content:space-between;color:#959d91;font-size:9px;padding:30px 0 10px}footer span{color:#74836c;font-weight:650}.notice{padding:13px 17px;border-radius:7px;border:1px solid #c6dec6;background:#eef9ec;margin-bottom:20px;color:#326241;font-size:13px}.notice.error{background:#fff2ef;border-color:#efc7bc;color:#984a39}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.connection-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;margin-bottom:10px}.connection-row strong{font-size:11px}.space-top{margin-top:20px}.copy-value{display:block;overflow-wrap:anywhere;margin-bottom:20px}label{display:block;font-size:12px;font-weight:600;margin:15px 0 7px}input:not([type=checkbox]),textarea,select{display:block;background:#fcfdfb;border:1px solid #dce3d8;border-radius:6px;padding:10px 11px;width:100%;color:var(--ink)}textarea{resize:vertical}form small{display:block;font-size:11px;color:var(--muted);margin:7px 0 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bottom-fields{align-items:center;margin-bottom:20px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:17px;height:17px;accent-color:var(--green)}.editor{margin-bottom:22px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:.4px;font-weight:500;color:var(--muted);padding:16px 12px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:19px 12px;vertical-align:top;border-bottom:1px solid #edf0e9}td:first-child{min-width:230px;max-width:420px}td:last-child{min-width:95px}.response-text{font-size:11px;margin:9px 0 0;overflow-wrap:anywhere}.count{background:#edf1e7;padding:2px 6px;border-radius:4px;font-size:11px;margin-left:5px}.delete-confirm{font-size:11px;margin-top:9px}.delete-confirm summary{cursor:pointer;color:#9a6d5b}.delete-confirm form{margin-top:8px}.danger{background:#fff1ed;border:1px solid #e5b5a5;color:#994b36;border-radius:5px;padding:5px 8px}.activity-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 0}.activity-row div{flex:1}.activity-row strong{font-size:12px}.activity-row small{display:block;color:var(--muted);font-size:10px}.activity-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f1f1e8;color:#918572}.activity-icon.success{background:#edf5e6;color:#58823d}.empty{text-align:center;padding:36px 18px}.login{max-width:630px;margin:8vh auto;padding:35px}.login .brand{margin-bottom:48px}.login h1{font-size:57px;line-height:1.08;margin:15px 0 25px;letter-spacing:-2px}.lede{font-size:16px;max-width:470px;line-height:1.8;margin-bottom:30px}.owner-login{margin:25px 0;border-top:1px solid var(--line);padding-top:20px}.owner-login summary{cursor:pointer;color:var(--muted);font-size:12px}.owner-login form{max-width:380px}.owner-login button{margin-top:15px}.owner-login p{font-size:12px}@media(min-width:1500px){.content{padding-top:40px}.hero-card{min-height:270px}.orb-art{margin-right:65px}.orb{width:175px;height:175px}.stat{padding:25px}}@media(max-width:1150px){.sidebar{width:210px;padding:25px 16px}.main-shell{margin-left:210px}.content{padding:24px}.topbar{padding:0 24px}.hero-card{padding:26px}.hero-card h2{font-size:24px}.orb-art{min-width:175px;margin:0}.orb{right:0;width:135px;height:135px}.orb-ring{width:180px;right:-15px}.lower-grid{grid-template-columns:1.6fr 1fr}.command-preview p{max-width:165px}.page-heading h1{font-size:25px}}@media(max-width:800px){.sidebar{position:static;width:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:25px}.workspace,.nav-label,.sidebar-bottom,.nav-rule{display:none}nav{display:flex;flex-wrap:wrap;margin-top:16px;gap:4px}nav a{padding:7px 9px;margin:0;font-size:12px}nav a span{font-size:15px;width:auto}.main-shell{margin:0}.topbar{height:50px}.content{padding:22px 20px}.page-heading{align-items:flex-start}.page-heading .button{font-size:10px;padding:9px 11px}.hero-card{min-height:230px}.hero-card h2{font-size:23px}.hero-card p br{display:none}.orb-art{min-width:135px}.orb{width:115px;height:115px;font-size:78px;top:24px}.orb-ring{width:150px;top:50px}.stat-grid{gap:10px}.stat{padding:16px}.stat strong{font-size:22px}.stat strong small{display:block;margin:0}.lower-grid,.settings-grid{grid-template-columns:1fr}.command-preview p{max-width:65vw}.tip-card{padding:22px}.tip-icon{display:none}.tip-card h2 br{display:none}footer{gap:20px}.demo-banner{display:block}.demo-banner span{display:block}.settings-grid .panel{padding:22px}}@media(max-width:480px){.orb-art{display:none}.hero-card{min-height:220px}.stat-grid{grid-template-columns:1fr}.stat{display:grid;grid-template-columns:1fr 1fr;align-items:center}.stat>span{display:block}.stat-icon{margin-left:9px}.stat strong{text-align:right}.stat p{grid-column:1/-1}.stat strong small{display:inline;margin-left:8px}.page-heading{display:block}.page-heading .button{margin-top:17px}.form-grid{grid-template-columns:1fr;gap:0}.login h1{font-size:44px}.section-heading{flex-wrap:wrap}footer span{display:none}}
.mobile-logout{display:none}@media(max-width:800px){.mobile-logout{display:block}.mobile-logout .logout{padding:4px;font-size:11px}.topbar{gap:12px}}
