:root{--ink:#172126;--muted:#607078;--line:#c9d2d3;--paper:#f4f6f3;--panel:#fff;--signal:#007c67;--danger:#b42318;--radius:4px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:var(--radius);padding:10px 15px;cursor:pointer;font-weight:600}button:hover{background:var(--signal);border-color:var(--signal)}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#fff;color:var(--ink)}.shell{max-width:1100px;margin:0 auto;padding:32px 24px 56px}header{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:20px;gap:16px}h1{margin:0;font-size:28px}h2{margin:0;font-size:17px}.kicker,.rank{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.kicker{color:var(--signal);margin:0 0 8px}.status,.section-head p,.note,small{color:var(--muted);font-size:13px}main{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;padding-top:24px}section,aside{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.section-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.section-head p{margin:6px 0 20px}.provider{display:grid;grid-template-columns:42px 1fr auto auto;gap:14px;align-items:center;border-top:1px solid var(--line);padding:16px 0;cursor:grab}.provider:active{cursor:grabbing}.provider.dragging{opacity:.45;background:#eef2f0}.rank{font-size:20px;color:var(--muted);letter-spacing:2px}.position{color:var(--muted);font:600 14px ui-monospace,SFMono-Regular,Consolas,monospace}small{display:block;margin-top:3px}.ok{color:var(--signal)}.warn{color:var(--danger)}input{padding:7px;border:1px solid var(--line);border-radius:var(--radius)}input[type=password]{width:100%;margin-top:8px}.keys{display:flex;gap:8px}.keys input{width:50%}input[type=checkbox]{accent-color:var(--signal);width:17px;height:17px;vertical-align:middle}.actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:18px}dt{color:var(--muted);font-size:12px;margin-top:15px}dd{margin:3px 0 0;font-weight:600}@media(max-width:760px){.shell{padding:22px 16px}header{align-items:start;flex-direction:column}.status{text-align:left}main{grid-template-columns:1fr}.provider{grid-template-columns:32px 1fr}.provider label{grid-column:2}.keys{flex-direction:column}.keys input{width:100%}}.key-create{display:flex;gap:8px;margin:16px 0}.key-create input{flex:1;min-width:0}.new-key{border:1px solid var(--signal);padding:12px;margin-bottom:14px;display:grid;gap:8px}.new-key code{overflow-wrap:anywhere;color:var(--signal)}.key-row{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.danger{background:#fff;color:var(--danger);border-color:var(--danger);padding:6px 10px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--paper)}.login-box{width:min(100%,430px);background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--ink);padding:28px}.login-box h1{margin:0 0 8px}.login-box form{display:grid;gap:16px;margin-top:22px}.login-box label{display:grid;gap:7px;font-weight:600}.login-box input{width:100%}.header-actions{display:flex;align-items:center;gap:14px}.online-send{grid-column:1 / -1}.online-send form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.online-send label{display:grid;gap:7px;font-weight:600}.online-send input,.online-send select,.online-send textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.online-send textarea{resize:vertical}.wide{grid-column:1 / -1}.online-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px}@media(max-width:760px){.online-send form{grid-template-columns:1fr}.wide{grid-column:auto}.online-actions{align-items:flex-start;flex-direction:column}}