.app-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1rem;border-right:1px solid var(--line);background:rgba(9,6,4,.72);backdrop-filter:blur(16px)}.side-brand{display:flex;align-items:center;gap:.75rem;padding:.7rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.side-brand img{width:58px;height:58px;object-fit:cover;border-radius:14px}.side-brand strong{font-family:Georgia,serif}.nav-group{display:grid;gap:.35rem;margin-top:1.2rem}.nav-link{display:flex;align-items:center;gap:.7rem;padding:.82rem .9rem;border-radius:14px;color:var(--muted);font-weight:800}.nav-link:hover,.nav-link.active{background:rgba(200,148,63,.12);color:var(--text)}.main-content{padding:1.2rem 1.5rem 3rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);color:var(--muted)}.page-head{margin-bottom:1.2rem}.page-head p:last-child{color:var(--muted)}.panel{padding:1.2rem}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.panel-title h2{margin:0}.panel-title span{color:var(--gold2);font-weight:900}.two-column{display:grid;grid-template-columns:380px 1fr;gap:1rem}.list-stack{display:grid;gap:.7rem}.list-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.list-item p{color:var(--muted);margin:.25rem 0 0}.badge{color:#1b1008;background:var(--gold2);border-radius:999px;padding:.28rem .55rem;font-size:.75rem;font-weight:900}.ranking-list{display:grid;gap:.8rem}.rank-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.rank-pos{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1b1008;font-weight:900}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main-content{padding:1rem}.two-column{grid-template-columns:1fr}.topbar{display:none}.nav-group{grid-template-columns:repeat(2,1fr)}}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.topbar>div:first-child span{display:block;color:var(--muted);font-size:.85rem;margin-top:.2rem}
.top-actions{display:flex;align-items:center;gap:.7rem}
.account-pill{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(201,154,62,.45);background:rgba(201,154,62,.10);color:var(--gold-light);padding:.42rem .7rem;border-radius:999px;text-decoration:none;max-width:220px}
.account-pill b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(201,154,62,.22);color:var(--gold-light);font-size:.85rem}
.account-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text);border-radius:12px;padding:.55rem .7rem;cursor:pointer}
.profile-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem}.profile-card{text-align:center}.profile-avatar{width:112px;height:112px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;border:2px solid var(--gold);background:radial-gradient(circle,rgba(201,154,62,.32),rgba(0,0,0,.25));font-size:2.2rem;color:var(--gold-light)}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.achievement{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:16px;padding:1rem}.achievement strong{display:block;color:var(--gold-light);margin:.45rem 0 .2rem}.achievement.locked{opacity:.45}.form-grid{display:grid;gap:.8rem}.form-grid label{display:grid;gap:.35rem;color:var(--muted)}.form-grid input,.form-grid textarea,.form-grid select{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:12px;padding:.8rem}.ponto-clock{font-size:2.4rem;color:var(--gold-light);font-weight:800}.ponto-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-top:1rem}.camera-box{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#080706;min-height:220px;display:grid;place-items:center}.camera-box video,.camera-box canvas{width:100%;max-height:360px;object-fit:cover}.status-list{display:grid;gap:.6rem}.status-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.6rem 0}.status-row span{color:var(--muted)}
@media(max-width:820px){.profile-grid{grid-template-columns:1fr}.account-pill span{max-width:120px}.ponto-clock{font-size:2rem}}