:root{color-scheme:light;--ink:#14213d;--muted:#667085;--line:#dfe5ec;--paper:#fff;--bg:#f4f7fb;--brand:#3157d5;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.55}a{color:var(--brand);text-decoration:none}.site-header{height:68px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px;color:var(--ink)}.brand span{color:var(--brand)}nav{display:flex;gap:20px;align-items:center}.container{max-width:1120px;margin:0 auto;padding:48px 24px 72px}.hero{padding:60px;border-radius:24px;background:linear-gradient(135deg,#172b65,#3157d5);color:#fff;margin-bottom:42px;box-shadow:0 24px 70px rgba(49,87,213,.2)}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;max-width:760px;margin:8px 0 18px}.hero p{max-width:720px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#7290ee}.hero .eyebrow{color:#b8c8ff}.button{border:0;border-radius:10px;background:var(--brand);color:#fff;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;display:inline-block}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.danger{background:var(--danger)}.button.small{padding:8px 13px}.button.tiny{padding:6px 10px;font-size:13px}.button.full{width:100%;text-align:center}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero .actions{margin-top:28px}.section-heading,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2,.page-heading h1{margin:0}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.app-card,.panel,.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(25,45,90,.05)}.app-card{display:flex;align-items:center;justify-content:space-between}.app-card h3,.app-card p{margin:0}.auth-card{max-width:480px;margin:20px auto}.auth-card h1{margin-top:4px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:700;font-size:14px}input{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px 12px;font:inherit;background:#fff}.check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;font-weight:500}.check input{width:auto;margin-top:5px}.inline-form{display:inline-flex;grid-auto-flow:column;align-items:center;gap:6px}.link-button{border:0;background:transparent;color:var(--brand);font:inherit;cursor:pointer;padding:0}.flash{padding:12px 16px;border-radius:10px;background:#eef3ff;margin-bottom:16px}.flash.error{background:#fee4e2;color:#912018}.flash.success{background:#dcfae6;color:#05603a}.flash.warning{background:#fff1c2;color:#7a2e0e}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{margin-bottom:18px}.panel h2{margin-top:0}.form-grid{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.form-grid label{min-width:180px;flex:1}.field-help,.muted{color:var(--muted);font-size:14px}.warning-text{color:#b54708}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.badge,.tag-list span{border-radius:999px;background:#edf2ff;color:#2949aa;padding:3px 8px;font-size:12px}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-list small{opacity:.65}dl{display:grid;grid-template-columns:110px 1fr;gap:8px}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.table-wrap{overflow:auto}.compact{min-width:150px}.empty{color:var(--muted);padding:30px;border:1px dashed #b8c4d8;border-radius:14px}footer{text-align:center;padding:24px;color:var(--muted);font-size:13px}@media(max-width:720px){.site-header{padding:0 16px}.site-header nav{gap:10px;font-size:14px}.container{padding:28px 16px 54px}.hero{padding:34px 24px}.two-column{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.app-card{align-items:flex-start}.form-grid{display:grid}.inline-form input{min-width:120px}}

