.profile-card,.activity-card { padding: 25px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 14px 40px #1727520d; }
.profile-card { position: relative; overflow: hidden; }
.profile-card::before { content:""; position:absolute; width:280px; height:280px; top:-180px; right:-90px; border-radius:50%; background:#eaf1ff; }
.profile-identity { position: relative; display:flex; align-items:center; gap:20px; }
.profile-identity h1 { margin:7px 0 3px; font-size:clamp(2rem,5vw,3.2rem); }
.profile-identity p { margin:0; color:var(--muted); }
.profile-avatar { position:relative; display:grid; place-items:center; flex:0 0 112px; width:112px; height:112px; padding:5px; border-radius:50%; background:#dbe3f2; box-shadow:0 8px 25px #17275220; }
.profile-avatar::before { content:""; position:absolute; inset:4px; border:4px solid white; border-radius:50%; }
.profile-avatar img,.profile-avatar > span { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.profile-avatar > span { display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#315fd0,#6b48d5); font-size:2.6rem; font-weight:800; }
.profile-avatar > b { position:absolute; right:-2px; bottom:4px; display:grid; place-items:center; min-width:30px; height:30px; padding:0 6px; border:3px solid white; border-radius:50%; color:#fff; background:#234ea8; font-size:.72rem; }
.profile-avatar.level-tier-2 { background:linear-gradient(135deg,#73c9ee,#4264df); box-shadow:0 0 0 3px #9bdfff55,0 10px 30px #315bd548; }
.profile-avatar.level-tier-3 { background:linear-gradient(135deg,#c572ef,#6041d6,#40aeea); box-shadow:0 0 0 4px #9463e633,0 10px 35px #643de055; }
.profile-avatar.level-tier-4 { background:conic-gradient(from 20deg,#ffd979,#ee77bc,#7259ef,#54cde1,#ffd979); box-shadow:0 0 0 4px #f2bd5d38,0 12px 38px #8054dc66; animation:avatar-glow 3s ease-in-out infinite; }
@keyframes avatar-glow { 50% { box-shadow:0 0 0 7px #e997d322,0 14px 44px #8054dc77; } }
.presence { display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:20px; background:#eef2f8; color:#647087; font-size:.7rem; font-weight:750; }
.presence::before { content:""; width:7px; height:7px; border-radius:50%; background:#8490a5; }
.presence.online::before { background:#25aa6b; box-shadow:0 0 0 3px #25aa6b20; }
.presence.dnd::before { background:#e45868; }
.level-panel { position:relative; margin-top:24px; padding:15px; border-radius:14px; background:#f5f7fc; }
.level-panel > div:first-child { display:flex; justify-content:space-between; gap:15px; }
.level-panel span { color:var(--muted); font-size:.78rem; }
.level-track { height:8px; margin-top:11px; overflow:hidden; border-radius:8px; background:#dfe5f0; }
.level-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2868db,#7550d7); transition:width .5s ease; }
.profile-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:13px; }
.profile-stats article { padding:14px; border:1px solid var(--line); border-radius:13px; }
.profile-stats b { display:block; font-size:1.7rem; }
.profile-stats span { color:var(--muted); font-size:.75rem; }
.profile-note { margin-top:22px; padding:15px; border-radius:13px; color:var(--muted); background:#f5f7fb; }
.profile-settings { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:10px; margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
.profile-settings label { font-size:.72rem; font-weight:750; }
.profile-settings input,.profile-settings select { margin-top:6px; }
.activity-card { margin-top:14px; }
.activity-list { display:grid; gap:8px; }
.activity-list article { display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:12px; padding:12px; border-radius:12px; background:#f7f9fd; }
.activity-list article > span { color:#2866d1; font-weight:800; }
.activity-list p { margin:3px 0 0; color:var(--muted); font-size:.78rem; }
.activity-list time { color:var(--muted); font-size:.7rem; }
.equipment-issue,.equipment-resolved { margin:10px 0; padding:8px 10px; border-radius:9px; font-size:.73rem; font-weight:700; }
.equipment-issue { color:#9a3d47; background:#fff0f1; }
.equipment-resolved { overflow:hidden; color:#26724d; background:#eaf8f0; white-space:nowrap; text-overflow:ellipsis; }
.equipment-issues-detail { margin:20px 0; padding:16px; border-radius:13px; background:#f5f7fc; }
.equipment-issues-detail h3 { margin-top:0; }
.equipment-issues-detail article { display:grid; grid-template-columns:1fr auto; gap:7px; padding:10px 0; border-top:1px solid var(--line); }
.equipment-issues-detail p { grid-column:1/-1; margin:0; color:var(--muted); font-size:.8rem; }
.issue-resolution { margin:10px 0; padding:10px; border-radius:9px; color:#285f47; background:#eaf8f0; font-size:.8rem; }
.issue-resolution small { display:block; margin-top:4px; }
.brand > span { overflow:hidden; padding:0; border-radius:12px !important; background:transparent !important; }
.brand > span img { display:block; width:100%; height:100%; }
.complete-issue-dialog { width:min(560px,calc(100% - 20px)); }
.complete-issue-dialog label { display:block; font-size:.78rem; font-weight:750; }
.complete-issue-dialog textarea { margin-top:7px; resize:vertical; }
.completion-intro { display:grid; grid-template-columns:46px 1fr; align-items:center; gap:12px; margin-bottom:17px; padding:13px; border-radius:13px; color:#34516d; background:linear-gradient(135deg,#edf5ff,#f3efff); }
.completion-intro span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#2c75df,#6246ce); font-size:1.3rem; }
.completion-intro p { margin:0; font-size:.83rem; line-height:1.5; }
.issue-undo { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 13px; padding:13px 15px; border:1px solid #bcdcc9; border-radius:13px; color:#225f43; background:#edfaf2; box-shadow:0 8px 24px #287c4b14; animation:fade-up .2s ease-out; }
.issue-undo b,.issue-undo span { display:block; }
.issue-undo span { margin-top:2px; font-size:.75rem; }
.issue-undo i { font-style:normal; font-weight:800; }
.issue-undo button { flex:0 0 auto; color:#225f43; border-color:#acd5bc; background:#fff; }
.attention-card { border-color:#e6c5a6; box-shadow:0 10px 28px #bb6e2814; }
.equipment-attention { margin:10px 0; padding:8px 10px; border-radius:9px; color:#9a4d22; background:#fff1e4; font-size:.75rem; font-weight:800; }
.profile-link { cursor:pointer; }
.profile-link:hover { color:#2866d1; }
@media(max-width:600px){.profile-card,.activity-card{padding:16px}.profile-identity{align-items:flex-start;gap:13px}.profile-avatar{flex-basis:82px;width:82px;height:82px}.profile-identity h1{font-size:1.75rem}.profile-stats{grid-template-columns:1fr}.profile-settings{grid-template-columns:1fr}.activity-list article{grid-template-columns:40px 1fr}.activity-list time{grid-column:2}.level-panel>div:first-child{display:block}.level-panel span{display:block;margin-top:3px}.issue-undo{align-items:stretch}.issue-undo button{min-width:96px}.completion-intro{grid-template-columns:38px 1fr}.completion-intro span{width:36px;height:36px}}