:root{--ink:#193d39;--muted:#637674;--line:#dce6e2;--accent:#24675b;--paper:#f6f8f5;--soft:#ecf2ed;--warn:#946323;--danger:#a5453b;--white:#fff;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:15px;line-height:1.65;background:var(--paper)}
*{box-sizing:border-box}body{margin:0}.topline{height:5px;background:linear-gradient(90deg,#173e38,#608a75 60%,#d4c695)}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:105px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:13px;align-items:center;color:var(--ink);text-decoration:none;font-size:21px;letter-spacing:2px;font-weight:600}.brand small{display:block;letter-spacing:1.5px;font-weight:400;font-size:10px;color:var(--muted);margin-top:1px}.brandmark{background:var(--ink);color:white;width:46px;height:46px;border-radius:13px 4px 13px 4px;display:grid;place-items:center;font-family:serif;font-size:24px}.header nav{display:flex;align-items:center;gap:18px;font-size:13px}.environment{font-size:11px;background:#e8eee8;padding:4px 10px;border-radius:20px;color:#516952}.environment.dev{background:#f4ecda;color:#8a672b}.text-button{border:0;background:none;padding:5px 0;color:var(--accent);font:inherit;cursor:pointer}.hidden{display:none!important}main{min-height:calc(100vh - 215px);padding:44px 0 58px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;letter-spacing:.2px;font-weight:550}h2{font-size:20px;line-height:1.5;font-weight:600}h3{font-size:16px;font-weight:600}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#628276;margin-bottom:13px}.muted{color:var(--muted)}.small{font-size:12px}.hero{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:29px}.hero p{margin-top:9px;color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;max-width:1020px;margin:34px auto 52px}.auth-story h1{font-size:35px;line-height:1.6;max-width:440px}.auth-story>p{color:var(--muted);margin-top:18px;max-width:400px}.story-line{margin-top:36px;display:flex;gap:14px;padding-top:21px;border-top:1px solid var(--line);max-width:400px}.story-number{font-size:12px;color:#9b8969;font-family:monospace;margin-top:4px}.story-line p{font-size:13px;margin-top:5px;color:var(--muted)}.auth-card,.card{background:var(--white);border:1px solid var(--line);border-radius:12px}.auth-card{padding:31px 34px;box-shadow:0 12px 42px #294a3210}.auth-card>p{margin:8px 0 23px;color:var(--muted);font-size:13px}.auth-switch{margin-top:22px!important;padding-top:19px;border-top:1px solid var(--line);text-align:center}.auth-switch a{color:var(--accent);font-weight:600}.field{display:block;margin-bottom:17px;font-size:13px;font-weight:500}.field input,.field select{display:block;width:100%;margin-top:7px;border:1px solid #cddbd5;border-radius:6px;padding:11px 12px;color:var(--ink);background:#fff;font:inherit;font-weight:400;min-height:44px}.field input:focus,.field select:focus{outline:2px solid #7aab96;outline-offset:2px}.field small{display:block;color:var(--muted);font-size:11px;margin-top:5px;font-weight:400}button,.button{cursor:pointer;border-radius:6px;font:inherit}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:10px 20px;min-height:43px;font-size:14px}.primary:hover{background:#184e44}.secondary{background:#fff;color:var(--accent);border:1px solid #becfc5;padding:9px 16px;min-height:42px;font-size:13px}.secondary:hover{background:var(--soft)}.danger{border-color:#e0b4ae;color:var(--danger)}button:disabled{opacity:.48;cursor:not-allowed}.full{width:100%}.form-error{color:var(--danger);font-size:13px;min-height:23px;margin:5px 0 12px}.callout{border-left:3px solid #97b2a1;background:var(--soft);padding:14px 18px;margin:20px 0;color:#4b645b;font-size:13px;border-radius:0 6px 6px 0}.callout.warning{background:#f7f1e5;border-color:#c1a76c;color:#786037}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.card{padding:25px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;white-space:nowrap;background:#edf1ed;color:#59735d}.badge.active,.badge.running{background:#e1f0e6;color:#276b46}.badge.suspended,.badge.expired,.badge.deleted{background:#f7e9e5;color:#994d3c}.badge.pending,.badge.unavailable{background:#f7efd9;color:#8a692b}.subscription-info{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding:4px 0 24px}.info-label{font-size:12px;color:var(--muted);margin-bottom:5px}.info-value{font-size:15px}.launch-line{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.launch-line p{font-size:12px;color:var(--muted);max-width:290px}.launch-line form{flex-shrink:0}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{display:flex;gap:12px;margin:18px 0;font-size:13px}.steps li::before{counter-increment:step;content:counter(step);width:23px;height:23px;border:1px solid #cad8cc;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#6f8e75;font-size:11px}.steps small{color:var(--muted);font-size:12px;display:block;margin-top:3px}.steps a{color:var(--accent);text-underline-offset:3px}.usage{margin-top:23px}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px;margin:20px 0 5px}.metric strong{display:block;font-size:27px;line-height:1.6;font-weight:500;color:var(--ink)}.metric small{font-size:12px;color:var(--muted)}progress{width:100%;height:5px;border:0;margin:12px 0 0;border-radius:4px;appearance:none}progress::-webkit-progress-bar{background:#e9efea;border-radius:4px}progress::-webkit-progress-value{background:#789982;border-radius:4px}progress::-moz-progress-bar{background:#789982}.request-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:17px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.request-line button{margin-left:14px;font-size:12px}.admin-summary{display:flex;gap:30px;margin-bottom:24px;font-size:13px;color:var(--muted)}.admin-summary strong{font-size:20px;color:var(--ink);font-weight:500;margin-right:6px}.toolbar{display:flex;gap:10px}.invite-panel{margin-bottom:24px}.inline-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}.inline-grid .field{margin:0}.invite-output{background:var(--soft);padding:18px;margin-top:20px;overflow-wrap:anywhere;border-radius:6px;font-size:13px}.invite-output code{display:block;font:14px monospace;line-height:1.7;background:white;padding:11px 14px;margin:9px 0;user-select:all}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:790px}th{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.5px;background:#eff3ee;padding:14px 18px}td{padding:18px;border-top:1px solid var(--line);vertical-align:middle}td strong{font-weight:500}td small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.table-action{border:0;color:var(--accent);background:none;padding:5px 8px;font-size:12px}.table-action:hover{background:var(--soft)}.table-action.danger{color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:45px}.loading{text-align:center;padding:60px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7e8b81}.notice{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:90vw;background:#203f35;color:#fff;padding:14px 22px;border-radius:8px;font-size:13px;box-shadow:0 8px 30px #0002;z-index:10}.notice.error{background:#8c433d}.modal-backdrop{position:fixed;inset:0;background:#13362d66;display:grid;place-items:center;padding:22px;z-index:20}.modal{background:#fff;border-radius:12px;padding:28px;width:min(460px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 90px #0002}.modal>p{color:var(--muted);font-size:13px;margin:8px 0 23px}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:23px}.request-tag{font-size:10px;color:#92662c;display:block;margin-top:5px}.server-error{text-align:center;padding:45px;color:var(--danger)}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.auth-layout{gap:45px}.auth-story h1{font-size:29px}.grid{grid-template-columns:1.4fr 1fr}.card{padding:20px}.launch-line{align-items:start;flex-direction:column}.usage-grid{gap:18px}.header nav{gap:12px}.identity{max-width:110px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.header{min-height:86px}.brand{font-size:19px}.brandmark{width:39px;height:39px}.header nav{gap:9px}.environment{max-width:100px;line-height:1.4;font-size:10px;text-align:center}#identity{display:none}main{padding-top:29px}.auth-layout{display:flex;flex-direction:column;gap:29px;margin:0}.auth-story{width:100%}.auth-story h1{font-size:25px}.auth-story>p{font-size:13px;margin-top:12px}.story-line{display:none}.auth-card{width:100%;padding:24px}.hero{align-items:start;gap:15px;flex-direction:column}.hero h1{font-size:25px}.hero p{font-size:13px}.grid{grid-template-columns:1fr}.usage-grid{grid-template-columns:1fr 1fr;gap:22px}.request-line{align-items:start;flex-direction:column}.request-line button{margin:0 18px 0 0}.footer{flex-direction:column;gap:5px}.inline-grid{grid-template-columns:1fr}.inline-grid button{width:100%}.admin-summary{gap:20px;flex-wrap:wrap}.subscription-info{gap:18px}.card-header{align-items:start}.card-header h2{font-size:18px}.modal{padding:22px}}

.login-identity{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.login-identity small{display:block;font-size:10px;white-space:nowrap;line-height:1.5}