.device-page{padding:clamp(2rem,5vw,4rem) 0;background:radial-gradient(ellipse at 50% 0,rgba(55,214,113,.06),transparent 60%);min-height:75vh}.device-heading{max-width:760px;margin:0 auto 2.5rem;text-align:center}.device-heading h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.device-layout{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.device-card{padding:clamp(1.3rem,3vw,2rem);background:var(--surface,#141a19);border:1px solid rgba(164,198,179,.17);border-radius:22px;box-shadow:0 12px 40px #0002}.device-card h2{margin:0 0 1.2rem}.device-login{max-width:460px;margin:0 auto;display:grid;grid-gap:12px;gap:12px}.device-login button{margin-top:14px}.device-emblem{display:block;font-weight:850;color:#70ec9f;font-size:30px;margin-bottom:16px}.device-modal input:not([type=checkbox]),.device-modal textarea,.device-page input:not([type=checkbox]),.device-page textarea{width:100%;box-sizing:border-box;background:#0d1311;color:#f0f6f2;border:1px solid #46564c;border-radius:10px;padding:13px 14px;font:inherit;min-width:0}.device-modal label,.device-page label{font-size:.92rem;color:#e0eae3}.device-modal :focus-visible,.device-page :focus-visible{outline:3px solid #6ee69b;outline-offset:3px}.device-summary{display:grid;grid-gap:16px;gap:16px}.device-summary dl{margin:0}.device-summary dt{color:#a5b7ac;font-size:.85rem;margin:0 0 6px}.device-summary dd{margin:0 0 22px;overflow-wrap:anywhere}.device-badge{display:inline-block;border-radius:20px;padding:5px 10px;background:#173523;color:#a3edbb;font-size:.78rem}.device-list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.device-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.device-source-list{list-style:none;padding:0;margin:20px 0}.device-source-list li{padding:20px 0;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;align-items:center;gap:20px}.device-source-list h3{margin:0;overflow-wrap:anywhere;font-size:1.1rem}.device-source-list p{margin:6px 0}.device-empty{padding:40px 12px;text-align:center;color:#bdc9c1}.device-notice{padding:15px 20px;border:1px solid #506458;border-radius:12px;max-width:900px;margin:0 auto 24px}.device-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;font-size:.88rem;margin-top:36px}.device-modal{color:#edf6ef;background:#151d18;border:1px solid #415148;border-radius:22px;padding:26px;width:min(560px,calc(100vw - 32px));max-height:90dvh;box-sizing:border-box;box-shadow:0 24px 80px #0008}.device-modal::-webkit-backdrop{background:#030805bb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.device-modal::backdrop{background:#030805bb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.device-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.device-modal-head h2{margin:0;font-size:1.4rem}.device-close{border:0;background:none;color:#c8d7ce;font-size:30px;cursor:pointer;min-width:44px;min-height:44px}.device-form{display:grid;grid-gap:12px;gap:12px}.device-form p{margin:2px 0 12px}.device-check{display:flex;align-items:center;gap:10px;margin-top:14px}.device-check input{width:20px;height:20px;accent-color:#50cf87}.device-pin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.device-pin-grid label{display:block;margin-bottom:8px}.device-form-actions{justify-content:flex-end;margin-top:18px}.device-modal .error,.device-page .error{color:#ffb7b7}.device-modal .muted{color:#b3c6b9}.device-modal button:disabled,.device-page button:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.device-layout{grid-template-columns:1fr}.device-source-list li{align-items:stretch;flex-direction:column;gap:14px}.device-heading{text-align:left}.device-pin-grid,.device-summary{gap:10px}.device-modal{padding:20px}.device-actions .btn{flex:1 1;text-align:center}.device-login{max-width:none}.device-page{padding-top:24px}}