.security-shell{max-width:1320px}.security-hero{border-radius:30px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.security-hero h1{margin:10px 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.security-hero p{margin:0;max-width:760px;color:#6d7a8e;line-height:1.7}.security-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.security-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.summary-card{border-radius:22px;padding:19px;display:flex;gap:14px;align-items:center}.summary-card>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#f8fbff,#dfe8f1);box-shadow:7px 7px 15px #d2dbe4,-7px -7px 15px #fff;color:#5270f5}.summary-card small,.summary-card em{display:block;color:#8793a5;font-size:10px;font-style:normal}.summary-card strong{display:block;font-size:23px;margin:3px 0}.device-panel,.security-tips{margin-top:18px;border-radius:26px;padding:22px}.security-panel-head{align-items:flex-end}.security-panel-head p{margin:5px 0 0;color:#8994a6;font-size:11px}.device-bulk-actions{display:flex;gap:9px;flex-wrap:wrap}.btn-danger-soft{border:1px solid rgba(216,77,101,.14);background:rgba(255,236,240,.72);color:#c94e64;box-shadow:inset 0 0 0 1px rgba(255,255,255,.66)}.btn-danger-soft:hover{background:#ffe8ed}.device-list{display:grid;gap:10px}.device-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;padding:16px;border-radius:19px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.72)}.device-row.current{background:linear-gradient(135deg,rgba(235,241,255,.82),rgba(255,255,255,.76));box-shadow:inset 0 0 0 1px rgba(86,112,240,.12)}.device-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#e8eef7;color:#526ff1}.device-main p,.device-main small{margin:4px 0 0;color:#8290a3;font-size:11px}.device-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.device-title strong{font-size:14px}.security-tips{display:flex;justify-content:space-between;align-items:center;gap:18px}.security-tips>div{display:flex;align-items:center;gap:13px}.security-tips>div>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#e5f6ef;color:#19835f}.security-tips p{margin:4px 0 0;color:#7e8b9f;font-size:11px}.pin-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:18px}.pin-card,.security-side{border-radius:28px;padding:24px}.pin-card-head,.scanner-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.pin-card-head>span,.scanner-head>span{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:#e7edfa;color:#5570ef}.pin-card-head small,.scanner-head small{color:#8b96a7;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.pin-card-head h2,.scanner-head h2{margin:3px 0 0;font-size:21px}.pin-form{display:grid;gap:15px}.pin-form label{display:grid;gap:7px}.pin-form label>span,.manual-pair label>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#778498;font-weight:800}.pin-form label>small{font-size:10px;color:#8b96a7}.security-field{display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:15px;background:#edf2f7;box-shadow:inset 4px 4px 8px #dce3ea,inset -4px -4px 8px #fff}.security-field>svg{width:18px;color:#77849a}.security-field input{min-width:0;flex:1;padding:14px 0;border:0;background:transparent;outline:0;font:700 14px Inter,sans-serif;color:#263348}.security-field button{border:0;background:transparent;color:#77849a;display:grid;place-items:center;cursor:pointer}.security-field button svg{width:18px}.pin-security-note,.scan-security,.approve-warning{display:flex;gap:10px;padding:13px 14px;border-radius:15px;background:#eaf0ff;color:#5367bd;font-size:11px;line-height:1.5}.pin-security-note svg,.scan-security svg,.approve-warning svg{width:18px;flex:0 0 auto}.security-side{text-align:center}.side-hero-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(145deg,#f6faff,#dce6f0);box-shadow:8px 8px 18px #d0d9e2,-8px -8px 18px #fff;color:#536ff1}.security-side h3{font-size:21px;margin:0 0 18px}.security-rule{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:13px 0;border-bottom:1px solid rgba(120,135,155,.12)}.security-rule b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e9eef8;color:#536ff1;font-size:10px}.security-rule strong,.security-rule small{display:block}.security-rule small{margin-top:3px;color:#8b96a7;line-height:1.45}.security-side>.btn{margin-top:18px}.security-toast{position:fixed;z-index:200;right:22px;bottom:22px;max-width:min(380px,calc(100vw - 30px));padding:13px 16px;border-radius:14px;background:#172235;color:#fff;box-shadow:0 18px 45px rgba(24,35,56,.25);font-size:12px;font-weight:700;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.security-toast.show{opacity:1;transform:none}.security-toast.error{background:#b83e58}.security-toast.success{background:#167759}
.pc-pair-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 480px;gap:30px;align-items:center}.pc-pair-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:16px 0}.pc-pair-copy h1 span{color:#536ef0}.pc-pair-copy>p{max-width:700px;color:#68758a;line-height:1.75}.pair-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.pair-feature-grid>div{padding:15px;border-radius:18px}.pair-feature-grid svg{width:20px;color:#536ff1}.pair-feature-grid strong,.pair-feature-grid small{display:block}.pair-feature-grid strong{margin-top:8px;font-size:13px}.pair-feature-grid small{margin-top:3px;color:#8a95a6;font-size:10px}.pair-steps{margin-top:18px;padding:16px;border-radius:20px;display:flex;align-items:center;gap:11px}.pair-steps>div{display:flex;gap:9px;align-items:center;flex:1}.pair-steps b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e6ecff;color:#526ff1}.pair-steps strong,.pair-steps small{display:block}.pair-steps small{font-size:9px;color:#8c97a8;margin-top:2px}.pair-steps>svg{width:16px;color:#9ca6b5}.pc-pair-card{border-radius:30px;padding:28px;text-align:center}.pair-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#e8f7ef;color:#187b5b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pair-status-dot{width:8px;height:8px;border-radius:50%;background:#22a776;box-shadow:0 0 0 5px rgba(34,167,118,.12)}.real-qr-shell{position:relative;width:272px;height:272px;margin:22px auto 16px;padding:18px;border-radius:28px;background:#fff;box-shadow:12px 12px 28px #cfd8e2,-12px -12px 28px #fff}.real-qr{width:100%;height:100%;display:grid;place-items:center}.real-qr img,.real-qr canvas{max-width:100%;height:auto!important}.qr-brand{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:13px;background:#f3f6fb;color:#536ff1;display:grid;place-items:center;box-shadow:0 5px 16px rgba(29,42,65,.12)}.pc-pair-card h2{margin:10px 0 7px;font-size:24px}.pc-pair-card>p{color:#7d899d;font-size:12px;line-height:1.6}.pair-countdown{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 0;color:#6c7990;font-size:11px}.pair-countdown strong{color:#243249;font-size:14px}.pair-device{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;padding:13px;border-radius:17px;margin:15px 0}.pair-device>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e6edf8;color:#536ff1}.pair-device small,.pair-device strong,.pair-device em{display:block}.pair-device small,.pair-device em{font-size:9px;color:#8a96a7;font-style:normal}.pair-device strong{font-size:12px;margin:2px 0}.pair-manual{margin-top:14px;text-align:left;font-size:11px;color:#7e8999}.pair-manual summary{cursor:pointer;font-weight:800;color:#5c6980}.copy-pair-link{margin-top:9px;border:0;background:#e9eef7;color:#536ff1;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.copy-pair-link svg{width:15px}.pair-state-icon{width:70px;height:70px;border-radius:23px;display:grid;place-items:center;margin:0 auto 15px;background:#e7edfa;color:#536ff1}.pair-state-icon.success{background:#e4f7ef;color:#16805c}.pair-state-icon.danger{background:#ffe9ee;color:#c84d63}.pair-state-icon.warning{background:#fff3d7;color:#9b6a04}
.approve-page{padding:0}.approve-shell{position:relative;z-index:2;width:min(560px,calc(100% - 24px));margin:0 auto;padding:34px 0 60px}.approve-brand{display:flex;width:max-content;margin:0 auto 22px}.approve-card{border-radius:30px;padding:26px;text-align:center}.approve-top{display:flex;align-items:center;gap:14px;text-align:left}.approve-top .pair-state-icon{margin:0;width:58px;height:58px;border-radius:19px}.approve-top small{display:block;color:#8a95a6;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.approve-top h1{margin:4px 0 0;font-size:26px}.approve-intro{color:#7c899c;line-height:1.6;font-size:12px}.approve-device{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:15px;border-radius:18px;margin:18px 0}.approve-device>span:first-child{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#e7edfa;color:#536ff1}.approve-device small,.approve-device strong,.approve-device p{display:block;margin:0}.approve-device small{font-size:9px;color:#8b96a7}.approve-device strong{font-size:13px;margin:3px 0}.approve-device p{font-size:10px;color:#8a95a6}.status-pill.warning{background:#fff2d2;color:#9b6a02}.approve-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8591a3;font-size:10px}.approve-meta span{display:flex;align-items:center;gap:5px}.approve-meta svg{width:14px}.approve-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 14px}.approve-warning{text-align:left}.approve-footer{display:flex;justify-content:center;gap:18px;margin-top:15px}.approve-footer a{display:flex;align-items:center;gap:6px;color:#6d7a8e;font-size:11px;font-weight:800}.approve-footer svg{width:14px}
.scan-shell{max-width:1180px}.scan-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;margin-top:18px}.scanner-card,.manual-pair{border-radius:28px;padding:22px}.pc-qr-reader{min-height:360px;border-radius:22px;overflow:hidden;background:#e9eef5;box-shadow:inset 5px 5px 10px #d8e0e8,inset -5px -5px 10px #fff}.scanner-placeholder{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7c899c}.scanner-placeholder svg{width:44px;height:44px;margin-bottom:10px;color:#536ff1}.scanner-placeholder small{margin-top:4px;font-size:10px}.scanner-actions{display:flex;gap:9px;margin-top:14px}.scanner-status{font-size:11px;color:#7d899b;margin:11px 0 0}.manual-pair h3{margin:10px 0 5px;font-size:21px}.manual-pair>p{color:#7c899c;font-size:11px;line-height:1.6}.manual-pair label{display:grid;gap:7px;margin-top:18px}.manual-pair textarea{width:100%;border:0;outline:0;resize:vertical;border-radius:15px;background:#edf2f7;color:#263348;padding:13px;font:600 12px Inter,sans-serif;box-shadow:inset 4px 4px 8px #dce3ea,inset -4px -4px 8px #fff}.manual-pair .btn{margin-top:12px}.scan-security{margin-top:16px;text-align:left}
@media(max-width:980px){.security-summary-grid{grid-template-columns:1fr 1fr}.pin-layout,.pc-pair-layout,.scan-layout{grid-template-columns:1fr}.security-side{order:2}.pc-pair-copy{order:2}.pair-steps{display:grid;grid-template-columns:1fr}.pair-steps>svg{transform:rotate(90deg);margin:auto}.manual-pair{order:2}}
@media(max-width:720px){.security-hero{padding:20px;align-items:flex-start;flex-direction:column}.security-hero-actions{width:100%}.security-hero-actions .btn{flex:1}.security-summary-grid{grid-template-columns:1fr}.device-panel{padding:16px}.security-panel-head{align-items:flex-start;flex-direction:column}.device-bulk-actions{width:100%}.device-bulk-actions .btn{flex:1}.device-row{grid-template-columns:auto 1fr}.device-action{grid-column:1/-1}.device-action .btn{width:100%}.security-tips{align-items:flex-start;flex-direction:column}.security-tips .btn{width:100%}.pin-card,.security-side,.scanner-card,.manual-pair{padding:18px}.pair-feature-grid{grid-template-columns:1fr}.pc-pair-card{padding:20px}.real-qr-shell{width:min(260px,82vw);height:min(260px,82vw)}.approve-actions{grid-template-columns:1fr}.approve-meta{display:grid}.pc-qr-reader,.scanner-placeholder{min-height:300px}}