:root{--ink:#17201d;--muted:#68736e;--line:#dfe5e1;--paper:#f4f6f3;--white:#fff;--green:#187653;--green-dark:#105c40;--blue:#2463a7;--red:#b43b3b;--amber:#9b6812}*{box-sizing:border-box}html{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);letter-spacing:0}body{margin:0;min-height:100vh}a{color:var(--green);text-decoration:none}button,.button,input,select{font:inherit}button,.button{border:1px solid #cbd4cf;background:#fff;color:var(--ink);padding:9px 14px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:var(--green-dark)}.topbar{height:68px;background:#17201d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));gap:20px}.brand{color:#fff;font-weight:700;display:flex;align-items:center;gap:10px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#45bd87;color:#102019;border-radius:6px}.topbar nav{display:flex;align-items:center;gap:20px}.topbar nav a,.link-button{color:#dce7e1}.inline{display:inline}.link-button{border:0;padding:0;background:transparent}.user-chip{padding-left:20px;border-left:1px solid #48534e;color:#9eaaa4}.container{width:min(1180px,calc(100% - 36px));margin:0 auto;min-height:calc(100vh - 128px);padding:42px 0 60px}.page-head{display:flex;justify-content:space-between;margin-bottom:30px}.page-head h1{font-size:32px;margin:4px 0}.eyebrow{font-size:11px;font-weight:800;color:var(--green);margin:0}.panel{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:26px}.alert{padding:13px 16px;border-radius:6px;margin-bottom:16px;background:#e5f3ec;color:var(--green-dark)}.alert.error{background:#faeaea;color:var(--red)}.auth-shell{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:center;min-height:480px}.auth-copy{max-width:500px}.auth-copy h2{font-size:42px;line-height:1.15;margin:18px 0}.auth-copy p{color:var(--muted);font-size:18px;line-height:1.7}.signal{display:block;width:44px;height:5px;background:#45bd87}.auth-form{display:grid;gap:18px}.auth-form label,.form-panel label{display:grid;gap:8px;font-size:13px;font-weight:700}.auth-form input,.form-panel input,.form-panel select,td select{width:100%;border:1px solid #cad3ce;border-radius:6px;background:#fff;padding:11px 12px;outline:none}.auth-form input:focus,.form-panel input:focus,.form-panel select:focus{border-color:var(--green);box-shadow:0 0 0 3px #dff2e9}.auth-form .primary{width:100%;margin-top:4px}.form-switch{text-align:center;color:var(--muted);font-size:13px}.form-panel{max-width:820px}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.dropzone{margin:24px 0;border:1px dashed #9bacA3;padding:42px;text-align:center;border-radius:8px;background:#fafcfb;cursor:pointer}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone strong,.dropzone span{display:block}.dropzone span{color:var(--muted);font-weight:400;margin-top:7px}.notice{border-left:3px solid var(--amber);padding:10px 14px;margin-bottom:24px;background:#fff8e8;color:#795415;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.stats.four{grid-template-columns:repeat(4,1fr)}.stats div{background:#fff;padding:24px}.stats span,.stats strong{display:block}.stats span{color:var(--muted);font-size:13px}.stats strong{font-size:32px;margin-top:6px}.section-head,.project-title{display:flex;align-items:center;justify-content:space-between;margin:34px 0 16px}.section-head h2,.project-title h2{margin:0}.project-title p{color:var(--muted);margin:6px 0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid #edf0ee;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;background:#fafbfa}tr:last-child td{border:0}td strong,td small{display:block}td small{color:var(--muted);margin-top:5px}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:800;background:#edf0ee;color:#52605a}.badge.active,.badge.ready{background:#dff3e9;color:var(--green-dark)}.badge.disabled,.badge.failed,.badge.revoked{background:#fae7e7;color:var(--red)}.badge.processing{background:#fff2d9;color:var(--amber)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel h3{margin-top:0}.facts{display:grid;grid-template-columns:100px 1fr;gap:16px;margin:24px 0}.facts dt{color:var(--muted)}.facts dd{margin:0;min-width:0}.facts code,.truncate{display:block;overflow:hidden;text-overflow:ellipsis;max-width:360px}.code-row{display:flex;align-items:center;gap:10px}.icon-button{padding:5px 9px;font-size:12px}.actions{display:flex;gap:8px;align-items:center}.actions.compact form{display:flex;gap:6px}.actions.compact select{width:auto;padding:8px}.file-list{max-height:380px;overflow:auto}.file-list div{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #edf0ee;min-width:0}.file-list code{overflow-wrap:anywhere}.file-icon{font-size:10px;color:var(--blue);width:34px;flex:0 0 34px}.empty{text-align:center;padding:70px;background:#fff;border:1px solid var(--line);border-radius:8px}.empty p{color:var(--muted)}footer{text-align:center;color:#89928e;padding:20px;font-size:12px}@media(max-width:800px){.topbar{height:auto;padding:16px 18px;align-items:flex-start}.topbar nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{font-size:13px}.user-chip{display:none}.container{padding-top:28px}.auth-shell,.detail-grid{grid-template-columns:1fr;gap:28px}.auth-copy h2{font-size:30px}.auth-copy p{font-size:15px}.stats,.stats.four{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.page-head h1{font-size:26px}.actions{flex-wrap:wrap}.project-title{align-items:flex-start}.facts{grid-template-columns:1fr;gap:6px}.facts dd{margin-bottom:10px}}@media(max-width:480px){.brand{font-size:0}.brand-mark{font-size:16px}.container{width:min(100% - 24px,1180px)}.stats,.stats.four{grid-template-columns:1fr}.panel{padding:19px}.dropzone{padding:32px 15px}.auth-copy{display:none}.topbar nav{gap:10px}.topbar nav a{font-size:12px}}
