:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#26322f;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #85bfa9;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.35}h2{font-size:19px}h3{font-size:17px}small{font-size:12px}label{display:block;font-size:13px;font-weight:550;color:#41514b}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce4df;border-radius:8px;background:#fff;padding:11px 13px;color:#263a31;outline:none}input:focus,select:focus,textarea:focus{border-color:#338264;box-shadow:0 0 0 3px #33826410}input:disabled{background:#f4f6f5}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.muted,.fine{color:#7b8781}.fine{font-size:12px;line-height:1.85;margin-top:16px}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:#72877b;margin-bottom:10px}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand-mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:12px;background:#246d51;color:#fff;font-size:27px;font-weight:800;line-height:1}.primary,.secondary,.light-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 17px;font-size:13px;font-weight:600;border:1px solid transparent;white-space:nowrap}.primary{background:#276f53;color:#fff}.primary:hover:enabled{background:#1b573f}.secondary{background:#fff;border-color:#dfe6e2;color:#4c6056}.secondary:hover:enabled{background:#f2f7f4}.light-button{background:#e6f1dd;color:#245139}.full{width:100%}.text-button{border:0;background:transparent;color:#31745a;font-size:13px;font-weight:550;padding:4px 0;text-align:left}.danger-text{color:#a15147}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.alert{padding:13px 17px;border-radius:8px;margin-bottom:20px;overflow-wrap:anywhere}.error{background:#fff0ee;border:1px solid #f0d7d1;color:#a44736}.success{background:#eaf4eb;border:1px solid #cfdfd0;color:#326342}.info-note{border-left:3px solid #9dbca8;background:#edf3ee;padding:15px 18px;color:#65786a;border-radius:0 7px 7px 0;margin-bottom:26px;font-size:13px}.startup{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:#1c493a;color:#f1f5eb;padding:50px 64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-intro:after{content:"";position:absolute;bottom:-200px;right:-230px;width:600px;height:600px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff04;pointer-events:none}.auth-intro .brand-mark{background:#c9dfb6;color:#214b39}.auth-intro h1{font-size:60px;line-height:1.25;margin:20px 0;letter-spacing:-2px}.auth-intro .eyebrow{color:#a5bea9}.auth-intro p{color:#b4c8bb}.auth-intro small{color:#92b2a0}.intro-lines{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.intro-lines span{border:1px solid #648e763b;padding:7px 12px;border-radius:30px;font-size:12px;color:#c5d7c8}.auth-main{display:flex;align-items:center;justify-content:center;padding:50px 30px;background:#fafcf9}.auth-card{max-width:370px;width:100%}.auth-card h2{font-size:30px;margin-bottom:10px}.auth-card>.muted{margin-bottom:32px}.auth-card label{margin-bottom:20px}.auth-switch{text-align:center;font-size:13px;margin-top:25px;color:#8b958d}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e5ebe7;padding:32px 20px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{margin:0 12px 40px}.nav-label{color:#9aa79e;font-size:10px;letter-spacing:1.5px;margin:18px 15px 10px}nav{display:flex;flex-direction:column;gap:5px}nav a{padding:12px 16px;border-radius:8px;color:#758079;font-size:13px;display:flex;align-items:center;gap:12px}nav a span{font-size:19px;line-height:1;width:20px;text-align:center}nav a:hover{background:#f4f7f4}nav a.active{color:#29694f;background:#eaf2eb;font-weight:650}.sidebar-footer{margin-top:auto;border-top:1px solid #edf0ed;padding-top:22px;display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#edf0e8;color:#61725e;border-radius:50%;font-weight:700}.sidebar-footer>div{min-width:0;flex:1}.sidebar-footer strong{font-size:12px;font-weight:600}.sidebar-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#929a94;font-size:10px}.logout{border:none;background:none;color:#748579;font-size:21px}.workspace{margin-left:235px;flex:1;min-width:0}.topbar{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid #e6eae6;background:#fbfcfb;font-size:12px;color:#7f8b82}.separator{color:#c8d1c9;margin:0 12px}.topbar-badge{font-size:11px;background:#eff3ed;padding:4px 11px;border-radius:20px;color:#6d7e6c}.content{max-width:1460px;margin:0 auto;padding:38px 42px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.page-heading .muted{font-size:13px;margin-top:8px}.page-heading .eyebrow{font-size:9px;margin-bottom:5px}.welcome-banner{border-radius:14px;background:#265e46;color:#f4f5ed;padding:30px 34px;min-height:207px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.welcome-banner .eyebrow{color:#c1d4aa;font-size:9px}.welcome-banner h2{font-size:26px;letter-spacing:-.6px}.welcome-banner p{color:#c1d2c3;font-size:12px;margin:10px 0 20px}.welcome-banner>div:first-child{position:relative;z-index:1}.connection-art{width:200px;position:relative;display:grid;place-items:center;font-size:95px;color:#b7d39f}.connection-art div{position:absolute;width:200px;height:200px;border:1px solid #b6ceaa30;border-radius:50%;box-shadow:0 0 0 30px #b6ceaa09,0 0 0 60px #b6ceaa06}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 17px;gap:14px}.section-title h2{font-size:17px}.section-title .muted{font-size:11px}.line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{padding:25px;background:#fff;border:1px solid #e3e9e3;border-radius:12px;box-shadow:0 2px 4px #233d2b02}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.line-icon{height:38px;width:38px;border-radius:10px;background:#edf3e8;color:#658655;display:grid;place-items:center;font-size:22px}.line-icon.premium{background:#f2ede2;color:#a08a4d}.badge{font-size:10px;display:inline-block;padding:4px 10px;border-radius:20px;white-space:nowrap;font-weight:550}.good{color:#4b7f55;background:#edf5e9}.neutral{color:#8b948a;background:#f0f3ee}.warning{color:#9c7b3d;background:#fbf3e4}.quota-number{font-size:29px;font-weight:650;letter-spacing:-.6px;margin:19px 0 14px}.quota-number small{font-size:11px;color:#96a08f;font-weight:400;letter-spacing:0;margin-left:6px}.meter{height:5px;background:#edf1ea;border-radius:6px;overflow:hidden}.meter span{height:100%;background:#7a9a62;display:block;border-radius:6px}.meter-label{display:flex;justify-content:space-between;font-size:10px;color:#9aa393;margin-top:9px}.details{margin:21px 0}.details div{display:flex;justify-content:space-between;gap:15px;margin:11px 0;font-size:12px}.details dt{color:#8e998d}.details dd{margin:0;text-align:right;overflow-wrap:anywhere}.overview-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:24px}.help-card{background:#f0f3ea}.help-card p{font-size:12px;color:#839078;line-height:1.9;margin:12px 0}.help-card .eyebrow{font-size:9px}.plan-section{margin-bottom:30px}.plan-section>h2{margin-bottom:15px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card h3{margin-top:17px}.price{font-size:32px;letter-spacing:-1px;font-weight:650;margin:15px 0}.price small{font-size:10px;font-weight:400;color:#929e91;letter-spacing:0}.plan-quota{font-size:16px}.plan-card .primary{margin-top:24px}.subscription-card>h2{margin:15px 0 8px}.subscription-card>label{margin:25px 0 15px}.subscription-card .muted,.subscription-card input{font-size:12px}.qr-box{margin-top:22px;text-align:center}.qr-box img{max-width:100%;height:auto}.table-wrap{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;text-align:left}th{font-weight:550;color:#8b978c;background:#f9fbf7;padding:16px 20px;border-bottom:1px solid #e7ece5}td{padding:17px 20px;border-bottom:1px solid #edf1eb;color:#566550}tbody tr:last-child td{border-bottom:0}td small{display:block;font-size:10px;color:#9aa592;margin-top:5px}td code{font-size:11px}.empty{padding:35px;text-align:center;color:#9aa392;font-size:13px}.price-input{width:110px;margin:0;padding:8px 10px}.inline-form{display:flex;gap:12px;max-width:480px;margin:16px 0}.inline-form input{margin:0}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.server-item{background:#f7f9f5;border:1px solid #e7ede1;border-radius:8px;padding:16px}.server-item>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.server-item small{display:block;color:#8b9684;margin:9px 0}.server-item code{color:#96a18e}.user-detail{margin-top:22px}.user-detail h2{margin-bottom:20px;overflow-wrap:anywhere}.user-detail h3{margin:22px 0 10px}.user-line{display:flex;flex-wrap:wrap;gap:16px;padding:15px 0;border-bottom:1px solid #edf1e9;font-size:12px}.page-footer{margin-top:45px;border-top:1px solid #e2e8de;padding-top:20px;display:flex;justify-content:space-between;color:#a4ad9d;font-size:10px}.page-footer>span:first-child{font-weight:750;font-size:14px;letter-spacing:-.3px}.loading{padding:60px;text-align:center;color:#829076}.modal-backdrop{position:fixed;inset:0;background:#142c23aa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:30}.modal{background:#fff;border-radius:15px;max-width:500px;width:100%;padding:30px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #10251d33}.modal>p{margin:15px 0;color:#788574;font-size:13px;line-height:1.9}.modal-actions{justify-content:flex-end;margin-top:25px}.node-modal{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.code-editor{font-family:ui-monospace,Consolas,monospace;font-size:12px;resize:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.content{padding-top:48px}}@media(max-width:1100px){.sidebar{width:205px;padding:25px 14px}.workspace{margin-left:205px}.topbar{padding:0 25px}.content{padding:28px 25px}.plan-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr auto;gap:10px 20px}.plan-card>*{margin:0}.plan-card .badge{justify-self:start}.plan-card .primary{margin:0;align-self:end}.connection-art{width:120px}.auth-intro{padding:40px}.auth-intro h1{font-size:48px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:18px 20px;border-right:0;border-bottom:1px solid #e2e8df}.sidebar .brand{margin:0 0 18px;font-size:21px}.sidebar .brand-mark{width:32px;height:32px;font-size:23px}.nav-label{display:none}nav{flex-direction:row;overflow-x:auto;gap:4px;margin-top:7px}nav a{white-space:nowrap;padding:8px 12px;font-size:12px}nav a span{display:none}.sidebar-footer{display:none}.workspace{margin:0}.topbar{height:48px;padding:0 20px}.content{padding:24px 20px}.page-heading{align-items:flex-start}h1{font-size:25px}.line-grid,.overview-bottom{grid-template-columns:1fr}.welcome-banner{padding:25px}.welcome-banner h2{font-size:22px}.connection-art{display:none}.line-card{padding:22px}.server-grid,.auth-shell{grid-template-columns:1fr}.auth-intro{padding:25px;min-height:160px}.auth-intro>div{display:none}.auth-intro>small{margin-top:25px}.auth-main{padding:40px 25px}.auth-card{max-width:430px}.form-grid{grid-template-columns:1fr}.modal{padding:22px}.page-footer{gap:18px}.plan-card{display:block}.plan-card>*{margin-top:15px}.plan-card .primary{margin-top:20px}.page-heading .eyebrow{font-size:8px}.page-heading .muted{max-width:210px}.inline-form{flex-wrap:wrap}.inline-form input{flex:1;min-width:130px}}.config-help{background:#f4f7f1;border-radius:8px;padding:13px 16px;margin:14px 0 20px;font-size:12px;color:#788574}.config-help summary{cursor:pointer;color:#4f6b55}.config-help p{margin-top:10px;overflow-wrap:anywhere}.reauth-backdrop{z-index:40}.user-filters{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:1rem}.user-filters>label:first-child{flex:1 1 20rem}.user-pagination{justify-content:center;margin:1rem 0;flex-wrap:wrap}.user-entitlement-editor{border-top:1px solid var(--border, #e4e7ec);margin-top:1rem;padding-top:1rem}.user-entitlement-editor form{display:grid;gap:.75rem}.server-actions{flex-wrap:wrap;margin-top:.5rem}.server-item .inline-form{margin-top:.75rem;flex-wrap:wrap}.payment-backdrop{z-index:35}.payment-backdrop h2{margin-top:15px}
