:root{--ink:#17242c;--muted:#64747c;--line:#dbe3e4;--paper:#fff;--wash:#f3f7f6;--accent:#087f8c;--accent-dark:#075965;--green:#1f8a70;--coral:#c96c46;--shadow:0 18px 45px rgba(18,38,43,.09)}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.5 "Segoe UI","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a{color:inherit}.muted{color:var(--muted)}
.topbar{height:66px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#f4fbfa}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:700}.brand-mark{width:22px;height:22px;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px}.brand-mark i{display:block;background:#65d0bd;border-radius:2px}.brand-mark i:nth-child(2){background:#f2a879}.brand-mark i:nth-child(3){background:#3ba7ae}.brand-mark i:nth-child(4){background:#d8eee4}.topbar-meta{font-size:12px;color:#b6c7c7;display:flex;gap:9px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55c495;box-shadow:0 0 0 3px rgba(85,196,149,.14)}.divider{width:1px;height:15px;background:#506168}
.shell{max-width:1160px;margin:44px auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:22px}.network-panel,.auth-panel,.dashboard{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.network-panel{min-height:540px;padding:39px 42px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.network-copy{position:relative;z-index:1}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:700}.network-copy h1{font-size:44px;line-height:1.12;margin:0 0 20px;font-weight:700}.network-copy h1 em{font-style:normal;color:var(--accent)}.network-note{color:var(--muted);margin:0;max-width:390px}.network-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:1;margin:0;padding-top:26px;border-top:1px solid var(--line)}.network-facts dt{font-size:11px;color:var(--muted);margin-bottom:4px}.network-facts dd{margin:0;font-weight:600;font-size:13px}.network-visual{position:absolute;inset:0;opacity:.78;background-image:radial-gradient(#d4e4e1 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(120deg,transparent 6%,#000 60%)}.line{position:absolute;height:1px;background:#b7d6d0;transform-origin:left center}.line-a{width:430px;left:47%;top:21%;transform:rotate(28deg)}.line-b{width:310px;left:54%;top:59%;transform:rotate(-26deg)}.line-c{width:250px;left:66%;top:42%;transform:rotate(53deg)}.line-d{width:220px;left:74%;top:73%;transform:rotate(-66deg)}.line-e{width:230px;left:39%;top:76%;transform:rotate(-12deg)}.node{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(8,127,140,.1)}.node-a{left:48%;top:17%}.node-b{left:73%;top:37%;background:var(--coral)}.node-c{left:88%;top:56%}.node-d{left:63%;top:67%;background:var(--green)}.node-e{left:36%;top:72%;background:var(--coral)}.node-f{left:81%;top:83%;background:var(--green)}
.auth-panel{padding:35px 35px 30px}.panel-heading h2,.dashboard-heading h2{margin:0 0 7px;font-size:25px}.panel-heading p:last-child{margin:0;color:var(--muted)}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:29px 0 24px}.tab{border:0;background:transparent;color:var(--muted);padding:10px 8px;border-bottom:2px solid transparent;cursor:pointer}.tab.is-active{color:var(--accent-dark);border-color:var(--accent);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-form label{font-size:12px;color:#52646b;margin-top:4px}.auth-form input{height:43px;padding:0 12px;border:1px solid #cbd6d6;background:#fbfdfc;color:var(--ink);outline:none}.auth-form input:focus,.pairing-form input:focus,.pairing-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(8,127,140,.11)}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:44px;padding:0 16px;margin-top:17px;border:1px solid var(--accent-dark);background:var(--accent);color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.primary-button:hover{background:var(--accent-dark)}.form-message{min-height:22px;margin:16px 0 0;color:var(--coral);font-size:13px}.form-message.success,.inline-message.success{color:var(--green)}.privacy-note{border-top:1px solid var(--line);padding-top:16px;margin:5px 0 0;color:#7b888b;font-size:11px}
.dashboard{grid-column:1/-1;padding:34px 38px 28px}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start}.text-button{border:0;background:transparent;color:var(--accent-dark);padding:4px 0;cursor:pointer}.text-button.danger{color:#a74343}.account-line{display:flex;align-items:center;gap:9px;padding:14px 0 22px;border-bottom:1px solid var(--line);font-weight:700}.account-line .muted{font-weight:400}.dashboard-section{padding:29px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.section-heading h3{font-size:18px;line-height:1.3;margin:0 0 4px}.section-heading p{color:var(--muted);margin:0}.pairing-form{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,.8fr) auto;gap:9px 12px;align-items:end;max-width:780px}.pairing-form label{font-size:12px;color:#52646b}.pairing-form label:nth-of-type(1),.pairing-form input{grid-column:1}.pairing-form label:nth-of-type(2),.pairing-form select{grid-column:2}.pairing-form input,.pairing-form select{height:42px;padding:0 11px;border:1px solid #cbd6d6;background:#fbfdfc;color:var(--ink);outline:none}.pairing-form button{grid-column:3;grid-row:2}.compact-button{min-height:40px;margin:0;padding:0 14px}.pairing-result{display:flex;align-items:center;gap:15px;margin-top:17px;padding:14px 16px;border-left:3px solid var(--accent);background:#eef7f5}.pairing-result span,.pairing-result small{color:var(--muted)}.pairing-result strong{font:700 25px Consolas,monospace}.pairing-result small{margin-left:auto}.inline-message{min-height:20px;color:var(--coral);margin:10px 0 0}
.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#fff;color:var(--accent-dark);cursor:pointer;font-size:20px}.table-wrap{overflow:auto}.device-table{width:100%;border-collapse:collapse}.device-table th,.device-table td{text-align:left;padding:11px 8px;border-bottom:1px solid #edf0f1}.device-table th{color:var(--muted);font-size:11px;font-weight:600}.device-table th:last-child,.device-table td:last-child{text-align:right}.status-valid{color:var(--green)}.status-revoked{color:#a74343}.release-list{display:flex;flex-direction:column}.release-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid #edf0f1}.release-row:last-child{border:0}.release-row h4{font-size:15px;margin:0 0 5px}.release-row p{font:11px/1.5 Consolas,monospace;color:var(--muted);margin:0;overflow-wrap:anywhere}.dashboard-foot{padding-top:15px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:20px}.dashboard-foot a{color:var(--accent-dark)}.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}.is-hidden{display:none!important}
@media(max-width:900px){.shell{grid-template-columns:1fr;margin:24px auto}.network-panel{min-height:390px}.dashboard{grid-column:auto}}
@media(max-width:700px){.pairing-form{grid-template-columns:1fr}.pairing-form label,.pairing-form input,.pairing-form select,.pairing-form button{grid-column:1!important;grid-row:auto!important}.pairing-result{align-items:flex-start;flex-direction:column;gap:4px}.pairing-result small{margin-left:0}.release-row{grid-template-columns:1fr}.release-row .primary-button{width:100%}.dashboard-foot{flex-direction:column}}
@media(max-width:560px){.topbar{padding:0 16px}.topbar-meta span:last-child,.topbar-meta .divider{display:none}.shell{padding:0 12px}.network-panel,.auth-panel,.dashboard{padding:27px 22px}.network-copy h1{font-size:36px}.network-facts{grid-template-columns:1fr;gap:10px}.network-panel{min-height:445px}.device-table th:nth-child(3),.device-table td:nth-child(3){display:none}}