:root{--ink:#17262b;--muted:#71807f;--line:#e6ecea;--teal:#136f61;--dark:#132b2b;--paper:#f5f7f5;--orange:#d67b4f;font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:var(--ink);background:var(--paper);font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}[hidden]{display:none!important}#app{min-height:100vh;display:flex}.sidebar{width:230px;flex:none;background:#142c2c;color:#e9f2ed;min-height:100vh;display:flex;flex-direction:column;padding:29px 19px 19px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;background:#c9efce;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:23px;line-height:1;font-weight:700;letter-spacing:-4px;padding-right:4px;color:#1c4a38}.brand-mark span{color:#d67b4f}.brand strong{display:block;font-size:16px;letter-spacing:-.3px}.brand small{display:block;margin-top:3px;font-size:10px;color:#9db2a8;letter-spacing:1px}.nav-label{margin:59px 12px 14px;color:#769187;font-size:10px;font-weight:700;letter-spacing:1.5px}.nav-active{height:45px;border:1px solid #456158;border-radius:8px;background:#28473f;display:flex;align-items:center;gap:12px;padding:0 12px;color:#e8f2eb;font-weight:600}.nav-glyph{font-size:22px;color:#b5d8bb}.nav-dot{width:6px;height:6px;background:#9edab2;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.side-status{color:#9db6aa;font-size:11px;padding:14px 10px;border-bottom:1px solid #35504a}.side-status i,.top-pill i{display:inline-block;background:#89d4a9;border-radius:50%;width:6px;height:6px;margin-right:8px}.logout{width:100%;padding:17px 10px 5px;color:#b8cac0;border:0;background:none;text-align:left;font-size:12px}.logout span{float:right}.main{margin-left:230px;width:calc(100% - 230px)}.topbar{height:68px;background:#fbfcfa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:12px;color:#9ba8a3}.breadcrumb span{padding:0 10px;color:#c9d3ce}.breadcrumb strong{color:#536862;font-weight:600}.top-pill{border:1px solid #dce6df;background:#f5faf5;padding:7px 10px;border-radius:20px;color:#577568;font-size:10px}.top-pill i{width:6px;height:6px}.page{max-width:1460px;margin:0 auto;padding:42px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 32px}.eyebrow,.section-num{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#438677}.eyebrow b{color:#cedbd4;padding:0 5px}.page-heading h1{font-size:30px;letter-spacing:-1.2px;margin:9px 0 8px;font-weight:700}.page-heading p,.section-head p{color:#83918b;margin:0;font-size:13px;line-height:1.7}.heading-icon{width:49px;height:49px;border:1px solid #d6e5d8;background:#ecf6ed;color:#699a79;border-radius:14px;display:grid;place-items:center;font-size:21px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.content{min-width:0}.stepbar{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 26px;margin-bottom:18px;box-shadow:0 5px 20px #293e2d08}.step{display:flex;align-items:center;gap:10px;flex:none}.step>span{width:33px;height:33px;border-radius:50%;border:1px solid #dfe8e3;color:#9ca9a2;display:grid;place-items:center;font-size:10px;font-weight:700}.step.current>span,.step.done>span{background:#dcefe2;border-color:#dcefe2;color:#267354}.step b,.step small{display:block}.step b{font-size:11px;color:#53655e}.step small{font-size:10px;color:#a7b1ab;margin-top:3px}.step-line{height:1px;background:#e4ebe6;flex:1;margin:0 17px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 18px;padding:27px 29px;box-shadow:0 5px 20px #293e2d08}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px}.section-head h2{font-size:17px;letter-spacing:-.3px;margin:7px 0 5px}.section-head p{font-size:12px}.badge{flex:none;display:inline-block;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.5px}.neutral{background:#f2f5f2;color:#768981}.protocol{background:#e6f3e7;color:#418560}.fields{display:grid;gap:18px}.fields.two{grid-template-columns:1fr 1fr}.fields .wide{grid-column:1/-1}label{display:block}label>span,.field-top>span{display:block;font-size:12px;color:#3e524b;font-weight:600;margin-bottom:8px}label b,.field-top b{color:#d17b54}label em{font-style:normal;color:#a6b4ac;font-weight:400;font-size:10px}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;height:42px;border:1px solid #dfe7e1;border-radius:7px;background:#fff;color:#273b33;outline:none;padding:0 12px;transition:border .15s,box-shadow .15s}textarea{height:auto;min-height:106px;padding:12px;resize:vertical;font-family:monospace}input:focus,textarea:focus,select:focus{border-color:#75a992!important;box-shadow:0 0 0 3px #dff1e5}input::placeholder,textarea::placeholder{color:#b5c0b8}label small{display:block;color:#a0ada5;margin-top:7px;font-size:10px;line-height:1.55}.field-top{margin-top:18px}.segmented{display:flex;background:#f1f5f1;padding:3px;border-radius:7px;width:max-content;margin-bottom:17px}.segmented label{cursor:pointer}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:8px 18px;color:#8b9b92;font-size:11px;margin:0}.segmented input:checked+span{background:white;border-radius:5px;color:#287257;box-shadow:0 1px 5px #1c35201a}.fingerprint-box{margin-top:21px;border-top:1px solid #edf1ee;padding-top:20px}.fingerprint-title{display:flex;gap:10px;align-items:flex-start}.fingerprint-icon{border-radius:7px;width:31px;height:31px;display:grid;place-items:center;background:#edf6ee;color:#4d8c66;font-size:16px}.fingerprint-title strong,.context-step strong,.context-note strong{font-size:12px}.fingerprint-title p,.context-step p,.context-note p{font-size:11px;line-height:1.65;color:#8e9c92;margin:4px 0 0}.fingerprint-box>.btn{margin-top:15px}.fingerprint-output{margin-top:14px;background:#f5faf6;border:1px solid #dcecdf;border-radius:7px;padding:13px}.key-label{font-size:10px;color:#758d7b}.key-label span{float:right}.fingerprint-output code{display:block;overflow-wrap:anywhere;font-size:12px;margin:7px 0 13px;color:#27664c}.checkline{display:flex;align-items:flex-start;gap:7px;cursor:pointer}.checkline input{accent-color:var(--teal);margin:2px 0}.checkline span{margin:0;font-weight:400;font-size:11px}.notice{background:#f3f8ee;border:1px solid #e2eddc;border-radius:8px;display:flex;gap:10px;padding:14px;margin-top:19px}.notice-icon{border:1px solid #7ca27b;color:#638c65;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:10px;flex:none}.notice strong{font-size:11px;color:#547451}.notice p{font-size:10px;line-height:1.6;color:#849982;margin:5px 0 0}.btn{height:40px;border-radius:7px;padding:0 15px;font-size:11px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn span{margin-left:14px}.btn-outline{border:1px solid #dce6df;color:#50685a;background:white}.btn-outline:hover:not(:disabled){background:#f7faf7}.btn-primary{background:#28775a;border:1px solid #28775a;color:white}.btn-primary:hover:not(:disabled){background:#1d664c}.actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:27px 0}.action-copy strong,.action-copy small{display:block}.action-copy strong{font-size:12px}.action-copy small{color:#98a79d;font-size:10px;margin-top:5px}.action-buttons{display:flex;gap:9px}.context-card{border:1px solid #dce9df;background:#f9fcf8;border-radius:12px;padding:23px 20px}.context-title{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px}.context-spark{background:#dcefe0;border-radius:7px;padding:7px;color:#408260}.context-card>p{font-size:11px;color:#8c9e91;line-height:1.6;margin:11px 0 0}.context-divider{height:1px;background:#e5eee4;margin:20px 0}.context-step{display:flex;gap:10px;margin-bottom:18px}.context-step>span{font-size:10px;color:#70a080;font-weight:700;background:#e6f2e7;width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%}.context-note{display:flex;gap:10px;background:#e8f3e8;border-radius:7px;padding:13px;margin-top:22px}.context-note>span{color:#4f9166}.context-note p{color:#77947d}.help-text{color:#a5b3a9;line-height:1.7;font-size:10px;margin:20px 8px}.help-text span{color:#6aa381}.result{padding:17px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;background:#142b2a;border-radius:7px;color:#d7e8db;font:11px/1.7 ui-monospace,monospace;margin:0}.compact{margin-bottom:15px}.foot{color:#a9b6ad;font-size:10px;padding:8px 0 24px}.foot span{padding:0 5px}.login-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#eef3ee;padding:30px}.login-card{background:#fff;width:420px;min-height:555px;border-radius:14px 0 0 14px;padding:39px;box-shadow:0 18px 70px #28453613}.login-brand strong{color:#193b2e}.login-kicker{margin-top:69px;color:#5e9975;font-size:10px;font-weight:700;letter-spacing:1.5px}.login-card h1{font-size:27px;letter-spacing:-1px;margin:10px 0}.login-card>p{color:#8b9c91;line-height:1.7;font-size:12px;margin:0 0 35px}.login-button{width:100%;margin-top:18px;display:flex;justify-content:space-between;align-items:center}.form-error{font-size:11px;color:#b54d3c;min-height:20px;margin-top:10px}.login-foot{border-top:1px solid #eef1ee;padding-top:22px;color:#a6b5aa;font-size:10px;margin-top:30px}.login-foot span{padding:0 6px}.login-side{width:390px;min-height:555px;background:#17382e;border-radius:0 14px 14px 0;padding:42px;position:relative;overflow:hidden;color:#f1f8ef}.login-side-tag{font-size:10px;letter-spacing:2px;color:#87b59a;font-weight:700}.login-side-copy{position:absolute;bottom:59px;left:42px;right:42px}.login-side-copy>span{color:#a4d5ad;font-size:25px}.login-side-copy h2{font-size:27px;letter-spacing:-.7px;line-height:1.5;margin:17px 0}.login-side-copy p{color:#a9c0ae;font-size:11px;line-height:1.8}.orbit{position:absolute;border:1px solid #7fb38a33;border-radius:50%;width:245px;height:245px;top:60px;left:125px}.orbit-two{width:165px;height:165px;top:100px;left:165px}.orbit-dot{position:absolute;background:#bdddc1;width:11px;height:11px;border-radius:50%;top:112px;left:311px;box-shadow:0 0 0 8px #9ed7a41c}body.busy{cursor:progress}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr)}.context{display:none}.page{max-width:850px}.sidebar{width:195px}.main{margin-left:195px;width:calc(100% - 195px)}}@media(max-width:680px){.sidebar{position:static;width:100%;min-height:0;padding:12px 17px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sidebar .brand-mark{width:34px;height:34px}.sidebar .nav-label,.sidebar .nav-active,.sidebar .side-status{display:none}.sidebar-bottom{margin:0}.logout{padding:8px;width:auto}.logout span{display:none}#app{display:block}.main{margin:0;width:100%}.topbar{padding:0 20px;height:52px}.page{padding:27px 16px}.page-heading h1{font-size:25px}.heading-icon{display:none}.stepbar{padding:15px 12px}.step{gap:5px}.step b{font-size:10px}.step small{display:none}.step>span{width:28px;height:28px}.step-line{margin:0 8px}.card{padding:22px 18px}.fields.two{grid-template-columns:1fr}.fields .wide{grid-column:auto}.actions{align-items:stretch;flex-direction:column}.action-buttons .btn{flex:1}.login-shell{padding:15px}.login-card{border-radius:14px;width:100%;max-width:420px;min-height:auto}.login-side{display:none}.login-kicker{margin-top:52px}}