.personal-hero{position:relative;padding:5px 0 12px;background:linear-gradient(90deg,#fcfaf6 50%,#fcfaf640),url('assets/profile-home-reference.png') 100% 15%/145% auto;border-radius:14px}.personal-identity{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e9e2d7;border-radius:20px;padding:15px 12px;margin-bottom:15px;box-shadow:0 5px 15px #77603a08}.personal-avatar{display:block;flex-shrink:0;width:58px;height:58px;border-radius:50%;background-image:url('assets/profile-reference.png');background-size:571.58% 762.1%;background-position:28.8% 41.7%;border:2px solid #e8decd}.personal-identity>div{min-width:0;flex:1}.personal-identity h3{font-size:14px;margin:0 0 5px}.personal-identity small{font-size:10px;overflow-wrap:anywhere}.personal-identity .btn{font-size:10px;min-height:32px;padding:8px;gap:5px;white-space:nowrap}.personal-identity .btn .icon{width:13px}.personal-menu .list{border:1px solid #eae3d8;border-radius:16px;padding:11px;margin:8px 0;background:#fffefd;gap:13px}.personal-menu .round{border-radius:50%;background:#f5f0e7;width:42px;height:42px;flex-shrink:0}.personal-menu strong{font-size:14px}.personal-menu small{font-size:11px;line-height:1.4;margin-top:3px}.personal-menu .icon{color:#9d773f}.personal-menu .list>.icon{width:15px;color:#172b3b}.personal-photo-editor{position:relative;width:108px;margin:22px 0}.personal-photo-editor .personal-avatar{width:108px;height:108px}.personal-photo-button{position:absolute;bottom:0;right:-3px;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#fcf8ef;color:#9d773f;box-shadow:0 4px 14px #705f3c22;cursor:pointer;overflow:hidden}.personal-photo-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.personal-photo-button .icon{width:18px}.personal-input{display:flex;align-items:center;gap:12px;border:1px solid #dcccba;border-radius:12px;background:#fffefd;padding:13px;margin-top:8px}.personal-input .icon{color:#929da5;width:21px;flex-shrink:0}.personal-input input{padding:0;border:0;border-radius:0;background:none;min-width:0;width:100%;outline:none}.personal-form .field{margin:19px 0}.personal-form>.btn{margin-top:23px}.personal-export-card{border:1px solid #e6ddd0;background:white;border-radius:20px;padding:0 15px;margin:26px 0}.personal-export-row{display:flex;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid #e5ddd2}.personal-export-row:last-child{border:0}.personal-export-row .round{width:43px;height:43px;border-radius:50%;flex-shrink:0}.personal-export-row>span:nth-child(2){flex:1}.personal-export-row strong,.personal-export-row small{display:block}.personal-export-row strong{font-size:14px}.personal-export-row small{font-size:11px;line-height:1.5;margin-top:4px}.personal-export-row b{font-size:13px;font-weight:500;text-align:right;max-width:75px}.personal-export-row>.icon{width:12px}.personal-note{display:flex;align-items:center;gap:14px;background:#f4efe6;border-radius:15px;padding:18px;margin-top:23px}.personal-note>.icon{color:#aa8249;flex-shrink:0;width:23px;height:23px}.personal-note p{margin:0;color:#667886;font-size:12px;line-height:1.7}.personal-status-heading{position:relative}.personal-status-heading .heading{position:relative;z-index:1}.personal-status-heading h1{max-width:85%}.personal-folders{position:absolute;right:0;top:5px;opacity:.17;display:grid;place-items:center;width:85px;height:115px;border-radius:10px;background:linear-gradient(120deg,#d5c3a3,#c5a371);box-shadow:8px -8px #e3d7c2,16px -16px #f0e8d9;transform:rotate(10deg)}.personal-folders .icon{width:45px;height:45px;color:#987445}.personal-status{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#f2ecdf;border-radius:12px;color:#99743d;font-size:12px}.personal-status .icon{width:17px}.personal-request{padding:20px;border-radius:20px}.personal-request h2{font-size:19px;margin:20px 0 10px}.personal-request>p{font-size:14px;line-height:1.7;color:#596f80;margin-bottom:18px}.personal-request .detail{gap:10px;font-size:12px}.personal-request .detail>.icon{width:19px;color:#88959d}.personal-request .detail>span{flex:1}.personal-request .detail strong{font-size:11px}.personal-response{border-top:1px solid #e5ddd2;padding-top:12px}body[data-route=edit-profile] h1{font:36px/1.1 Georgia,serif;letter-spacing:-1px}body[data-route=settings] .heading h1{font-size:34px}@media(max-width:350px){.personal-identity{flex-wrap:wrap}.personal-identity .btn{margin-left:auto}.personal-export-row{gap:8px}.personal-export-row .round{width:33px;height:33px}}
.personal-hero{background:radial-gradient(ellipse at 100% 20%,#e7dcc7 0,transparent 52%),linear-gradient(115deg,#fcfaf6,#f6f0e5)}