
#diva-profile-center{position:fixed;inset:0;z-index:2147483000;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .18s ease;font-family:inherit}
#diva-profile-center.open{opacity:1;pointer-events:auto}
.dpc-backdrop{position:absolute;inset:0;background:rgba(1,8,14,.72);backdrop-filter:blur(7px)}
.dpc-panel{position:relative;width:min(720px,94vw);height:100%;overflow:auto;background:linear-gradient(155deg,#081824 0%,#0b1e2b 62%,#161b20 100%);border-left:1px solid rgba(255,255,255,.11);box-shadow:-30px 0 80px rgba(0,0,0,.38);padding:36px;transform:translateX(28px);transition:transform .18s ease;color:#eef5f7}
.open .dpc-panel{transform:none}
.dpc-close{position:absolute;right:22px;top:20px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#dbe6eb;font-size:24px;cursor:pointer}
.dpc-head{display:flex;gap:18px;align-items:center;padding:18px 42px 24px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.dpc-avatar{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a1e,#f2b15b);color:#111820;font-size:24px;font-weight:850;box-shadow:0 12px 34px rgba(255,139,30,.19)}
.dpc-head span,.dpc-app span{font-size:10px;letter-spacing:.15em;color:#ff9d2f;font-weight:800}
.dpc-head h2{margin:5px 0 3px;font-size:27px}.dpc-head p{margin:0;color:#8fa3ae;font-size:13px}
.dpc-tabs{display:flex;gap:6px;margin:22px 0 20px;padding:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:auto}
.dpc-tabs button{flex:1;min-width:max-content;border:0;background:transparent;color:#8fa3ae;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}
.dpc-tabs button.active{background:rgba(255,157,47,.14);color:#ffad58;box-shadow:inset 0 0 0 1px rgba(255,157,47,.18)}
.dpc-body{padding-bottom:36px}.dpc-form{display:block}
.dpc-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dpc-grid label{display:flex;flex-direction:column;gap:7px;color:#aabac2;font-size:12px;font-weight:650}.dpc-grid label.dpc-full{grid-column:1/-1}
.dpc-grid input,.dpc-grid select{height:45px;border-radius:11px;border:1px solid rgba(255,255,255,.11);background:#0c1823;color:#eef5f7;padding:0 13px;outline:none;font:inherit}.dpc-grid input:focus,.dpc-grid select:focus{border-color:rgba(255,157,47,.65);box-shadow:0 0 0 3px rgba(255,157,47,.08)}.dpc-grid input:disabled{opacity:.64}.dpc-grid small{font-size:10px;color:#627681;font-weight:500}
.dpc-form footer{display:flex;justify-content:flex-end;margin-top:20px}.dpc-primary{border:0;border-radius:12px;background:#ff9d2f;color:#111820;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(255,157,47,.16)}.dpc-primary:hover{background:#ffae52}.dpc-primary:disabled{opacity:.55;cursor:wait}
.diva-profile-msg{min-height:22px;margin-top:14px;font-size:12px;color:#62dba5}.diva-profile-msg.err{color:#ff7373}.diva-profile-msg.warn{color:#f0b55c}
.dpc-security-note{padding:16px 18px;border-radius:14px;background:rgba(79,184,255,.055);border:1px solid rgba(79,184,255,.13);margin-bottom:18px}.dpc-security-note b{color:#d9e9f1}.dpc-security-note p{margin:5px 0 0;color:#8197a2;font-size:12px}
.dpc-toggles{display:grid;gap:10px}.dpc-toggle{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:14px;cursor:pointer}.dpc-toggle>span{flex:1;display:flex;flex-direction:column;gap:4px}.dpc-toggle b{font-size:14px}.dpc-toggle small{color:#7c919c;font-size:11px}.dpc-toggle input{display:none}.dpc-toggle i{width:44px;height:24px;border-radius:999px;background:#26343d;position:relative;transition:.2s}.dpc-toggle i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#aab7bd;transition:.2s}.dpc-toggle input:checked+i{background:#ff9d2f}.dpc-toggle input:checked+i:after{left:23px;background:#111820}
.dpc-app{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid rgba(255,157,47,.22);background:linear-gradient(135deg,rgba(255,157,47,.08),rgba(42,125,181,.07));border-radius:18px}.dpc-app-icon{width:66px;height:66px;border-radius:17px;background:#091b29;display:grid;place-items:center;color:#ff971f;font-size:34px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.dpc-app h3{margin:5px 0;font-size:20px}.dpc-app p{margin:0;color:#8ca0aa;font-size:12px;line-height:1.55}.dpc-app-actions{display:flex;align-items:center;gap:15px;margin-top:18px;flex-wrap:wrap}.dpc-app-actions small{color:#718791;max-width:440px}.dpc-installed{color:#62dba5}.dpc-loading,.dpc-error{display:grid;place-items:center;min-height:320px;color:#90a2ac;text-align:center}.dpc-error b{color:#ff8585}
.saas-user[data-profile-wired="1"]{cursor:pointer;position:relative;transition:background .18s ease,border-color .18s ease}.saas-user[data-profile-wired="1"]:hover{background:rgba(255,157,47,.07);border-color:rgba(255,157,47,.18)}.saas-user[data-profile-wired="1"]:after{content:"›";position:absolute;right:8px;color:#ff9d2f;font-size:20px;opacity:.75}
@media(max-width:700px){.dpc-panel{width:100%;padding:24px 18px}.dpc-grid{grid-template-columns:1fr}.dpc-grid label.dpc-full{grid-column:auto}.dpc-tabs{margin-top:18px}.dpc-head h2{font-size:22px}.dpc-avatar{width:54px;height:54px}.dpc-app{align-items:flex-start}}
