@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
#pd-profile{--pp-text:#eef1ff;--pp-muted:#979caa;--pp-line:rgba(165,182,220,.24);font-family:Inter,Arial,sans-serif;color:var(--pp-text);min-height:100vh;background:radial-gradient(ellipse at 4% 4%,rgba(78,102,190,.15),transparent 50%),#070a12;line-height:1.65;box-sizing:border-box}
#pd-profile *{box-sizing:border-box}
#pd-profile [hidden]{display:none!important}
#pd-profile a{color:inherit;text-decoration:none}
#pd-profile button,#pd-profile input,#pd-profile textarea,#pd-profile select{font:inherit;color:inherit}
#pd-profile p,#pd-profile h1,#pd-profile h2,#pd-profile h3{margin:0}
#pd-profile h1,#pd-profile h2,#pd-profile h3{font-family:'Exo 2',Inter,sans-serif;line-height:1.3}
#pd-profile h1{font-size:38px;font-weight:800;margin:8px 0 12px}
#pd-profile h2{font-size:25px;font-weight:800}
#pd-profile h3{font-size:21px;font-weight:700}
#pd-profile .pd-profile-top{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--pp-line);font-size:13px;color:var(--pp-muted)}
#pd-profile .pd-profile-top>a:first-child{font-weight:800;font-family:'Exo 2',sans-serif;font-size:18px;color:var(--pp-text)}
#pd-profile .pd-profile-top>a:first-child span{color:#92d5ff;margin:0 7px}
#pd-profile .pd-profile-shell{max-width:1180px;margin:auto;padding:42px 28px 80px}
#pd-profile .pd-profile-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#92d5ff}
#pd-profile .pd-profile-intro{color:var(--pp-muted);font-size:16px;margin-bottom:28px}
#pd-profile .pd-profile-card{padding:28px;border:1px solid var(--pp-line);border-radius:24px;background:linear-gradient(115deg,rgba(255,255,255,.045),rgba(142,111,234,.035));display:grid;gap:16px;min-width:0}
#pd-profile .pd-profile-identity{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
#pd-profile .pd-profile-identity p{color:var(--pp-muted);margin-top:6px}
#pd-profile .pd-profile-avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(120deg,#92d5ff,#eac1ff);color:#071120;display:grid;place-items:center;font-weight:800;font-size:23px;flex-shrink:0}
#pd-profile .pd-profile-avatar{position:relative;isolation:isolate}
#pd-profile .pd-profile-avatar-photo{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
#pd-profile .pd-profile-avatar-initials{grid-area:1/1}
#pd-profile .pd-photo-edit{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;padding:5px;display:grid;place-items:center;border:2px solid #171c2d;border-radius:50%;background:#fff;color:#121b30;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;z-index:1}
#pd-profile .pd-photo-edit svg{width:14px;height:14px;display:block}
#pd-profile .pd-photo-edit::after{content:'';position:absolute;inset:-9px;border-radius:50%}
#pd-profile .pd-photo-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}
#pd-profile .pd-photo-backdrop{position:absolute;inset:0;background:rgba(2,5,12,.82);backdrop-filter:blur(7px)}
#pd-profile .pd-photo-dialog{position:relative;width:min(100%,560px);max-height:calc(100dvh - 40px);overflow:auto;background:#111522;border:1px solid var(--pp-line);border-radius:26px;padding:26px;display:grid;gap:20px;box-shadow:0 20px 90px #0007;overscroll-behavior:contain}
#pd-profile .pd-photo-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
#pd-profile .pd-photo-head .pd-profile-kicker{margin-bottom:6px}
#pd-profile .pd-photo-close{width:32px;height:32px;border:1px solid var(--pp-line);border-radius:50%;background:rgba(255,255,255,.05);font-size:24px;line-height:1;cursor:pointer;flex-shrink:0}
#pd-profile .pd-photo-crop{display:grid;justify-items:center;gap:16px}
#pd-profile #pd-photo-canvas{display:block;width:min(100%,290px);height:auto;aspect-ratio:1;border-radius:20px;touch-action:none;cursor:grab;background:#070a12}
#pd-profile #pd-photo-canvas:active{cursor:grabbing}
#pd-profile .pd-photo-zoom{display:flex;width:min(100%,290px);gap:16px;align-items:center;font-size:13px}
#pd-profile .pd-photo-zoom input{width:100%;min-width:0;accent-color:#92d5ff}
#pd-profile .pd-photo-camera{display:grid;justify-items:center;gap:14px}
#pd-profile #pd-photo-video{display:block;width:min(100%,360px);max-height:300px;aspect-ratio:4/3;object-fit:cover;border-radius:20px;background:#070a12}
#pd-profile #pd-photo-device-label{display:grid;gap:6px;width:100%;font-size:13px}
#pd-profile #pd-photo-device{background:#181e2c;border:1px solid var(--pp-line);border-radius:12px;padding:10px;width:100%;color:var(--pp-text)}
#pd-profile .pd-photo-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid var(--pp-line);padding-top:20px}
#pd-profile .pd-photo-remove{font-size:12px;color:#ffb0c0;background:none;border:0;padding:0;cursor:pointer}
#pd-profile .pd-photo-dialog [disabled]{opacity:.5;cursor:wait}
@media(max-width:540px){#pd-profile .pd-photo-modal{padding:12px}#pd-profile .pd-photo-dialog{max-height:calc(100dvh - 24px);padding:20px;gap:16px;border-radius:22px}#pd-profile .pd-photo-head h2{font-size:22px}#pd-profile .pd-photo-dialog .pd-profile-actions{gap:10px}#pd-profile .pd-photo-dialog .pd-profile-btn{padding:10px 15px;font-size:12px}#pd-profile .pd-photo-footer>.pd-profile-actions{margin-left:auto}}
#pd-profile .pd-profile-person{display:flex;align-items:center;gap:20px;min-width:0}
#pd-profile .pd-profile-counts{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--pp-muted)}
#pd-profile .pd-profile-counts b{display:block;color:var(--pp-text);font-size:23px}
#pd-profile .pd-profile-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;border-radius:24px;padding:6px;background:rgba(255,255,255,.035);width:fit-content}
#pd-profile .pd-profile-nav a{font-size:13px;font-weight:700;padding:10px 17px;border-radius:18px;border:1px solid transparent;color:var(--pp-muted)}
#pd-profile .pd-profile-nav a[aria-current=page]{color:#92d5ff;background:rgba(146,213,255,.12);border-color:rgba(146,213,255,.35)}
#pd-profile [data-profile-panel]{display:grid;gap:24px;scroll-margin-top:24px}
#pd-profile .pd-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#pd-profile .pd-profile-meta{color:var(--pp-muted);font-size:13px}
#pd-profile .pd-profile-list{display:grid;gap:12px;margin:0;padding-left:20px}
#pd-profile .pd-profile-source{width:fit-content;font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px;color:#9fe8d8;background:rgba(46,195,155,.1)}
#pd-profile .pd-profile-status{width:fit-content;font-size:11px;padding:5px 10px;border-radius:20px;color:#ffdc83;background:rgba(255,190,35,.1)}
#pd-profile .pd-profile-btn{width:fit-content;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--pp-line);border-radius:999px;padding:11px 20px;background:rgba(255,255,255,.04);cursor:pointer;font-size:13px;font-weight:700}
#pd-profile .pd-profile-btn.primary{background:linear-gradient(110deg,#92d5ff,#eac1ff);color:#071120;border:0}
#pd-profile .pd-profile-btn:disabled{opacity:.5;cursor:wait}
#pd-profile a:focus-visible,#pd-profile button:focus-visible{outline:2px solid #92d5ff;outline-offset:4px}
#pd-profile .pd-profile-error{color:#ffb0c0}
#pd-profile .pd-profile-empty{padding:38px;max-width:760px}
#pd-profile .pd-profile-empty p{color:var(--pp-muted)}
#pd-profile .pd-profile-hint{padding-top:16px;border-top:1px solid var(--pp-line);font-size:13px;color:var(--pp-muted)}
#pd-profile .pd-profile-project .pd-profile-project-period{font-size:12px;color:#92d5ff}
#pd-profile .pd-profile-project p{white-space:pre-line;overflow-wrap:anywhere}
#pd-profile .pd-profile-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#pd-profile .pd-profile-fields{display:grid;gap:16px}
#pd-profile .pd-profile-fields label{display:grid;gap:8px;font-size:13px;font-weight:600}
#pd-profile .pd-profile-fields input,#pd-profile .pd-profile-fields textarea,#pd-profile .pd-profile-fields select{width:100%;background:#111624;border:1px solid var(--pp-line);border-radius:14px;padding:12px;outline-color:#92d5ff;font-weight:400;min-width:0}
#pd-profile .pd-profile-fields textarea{resize:vertical;min-height:100px}
#pd-profile .pd-profile-fields small{color:var(--pp-muted);font-weight:400}
#pd-profile .pd-profile-fields input[type=checkbox]{width:auto}
#pd-profile .pd-profile-fields .pd-profile-check{display:flex;align-items:flex-start;font-weight:400}
#pd-profile .pd-profile-notice{border-radius:14px;padding:14px 18px;background:rgba(46,195,155,.1);color:#9fe8d8;font-size:13px}
#pd-profile .pd-profile-notice.is-error{background:rgba(249,100,123,.1);color:#ffb0c0}
#pd-profile .pd-profile-detail{color:var(--pp-muted);font-size:14px}
#pd-profile .pd-profile-proof{color:#92d5ff;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
/* Тест — часть профиля. Его существующие графики и рекомендации сохраняются. */
#pd-profile #pd-results{min-height:0;padding:0;background:none}
#pd-profile #pd-results::before{display:none}
#pd-profile #pd-results .pd-shell{max-width:none;width:100%;padding:0}
#pd-profile #pd-results h1{font-size:27px}
#pd-profile #pd-results .pd-top{display:none}
#pd-profile #pd-results .pd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
#pd-profile #pd-results .pd-tile{margin-top:24px}
@media(max-width:740px){#pd-profile .pd-profile-top{padding:18px 20px}#pd-profile .pd-profile-top>span{display:none}#pd-profile .pd-profile-shell{padding:30px 20px 56px}#pd-profile h1{font-size:31px}#pd-profile .pd-profile-card{padding:22px}#pd-profile .pd-profile-identity{align-items:flex-start;flex-direction:column}#pd-profile .pd-profile-counts{gap:28px}#pd-profile .pd-profile-grid{grid-template-columns:1fr}#pd-profile .pd-profile-nav{border-radius:20px}#pd-profile .pd-profile-nav a{padding:10px 12px}#pd-profile .pd-profile-empty{padding:26px}#pd-profile #pd-results .pd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}#pd-profile #pd-results .pd-kpi{padding:12px}#pd-profile #pd-results .pd-kpi b{font-size:25px}#pd-profile #pd-results .pd-kpi span{font-size:11px}}
@media(max-width:380px){#pd-profile .pd-profile-shell{padding-left:14px;padding-right:14px}#pd-profile .pd-profile-card{padding:18px}#pd-profile .pd-profile-person{gap:12px}#pd-profile .pd-profile-avatar{width:48px;height:48px;font-size:18px}#pd-profile .pd-profile-identity h2{font-size:22px}}
@media(max-width:540px){#pd-profile .pd-profile-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}#pd-profile .pd-profile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}#pd-profile .pd-profile-nav a{display:flex;align-items:center;min-height:48px;line-height:1.45}#pd-profile .pd-profile-identity{gap:18px}}
@media print{#pd-profile .pd-profile-top,#pd-profile .pd-profile-nav,#pd-profile .pd-profile-actions{display:none}#pd-profile{color:#1b2440;background:white}#pd-profile .pd-profile-shell{padding:0}#pd-profile .pd-profile-card{background:white;border-color:#d8dce8;break-inside:avoid}}
