@import "tailwindcss";
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--bg:#030303;--panel:#0c0c0b;--panel2:#15120a;--line:#3a3017;--muted:#9b927d;--text:#f6e8b5;--green:#d4af37}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 65% -20%,rgba(212,175,55,.16),transparent 40%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1480px)/2));border-bottom:1px solid var(--line);background:rgba(8,10,9,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand,.person{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:transparent;border-radius:50%}.brand-mark img{display:block;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(212,175,55,.22))}.brand strong,.brand small,.person strong,.person small{display:block}.brand strong{font-size:14px;letter-spacing:.02em}.brand small,.person small{color:var(--muted);font-size:11px;margin-top:2px}.sync{color:#a9b0a8;font-size:12px;display:flex;align-items:center;gap:8px}.sync i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(212,175,55,.12)}.shell{width:min(1480px,calc(100% - 48px));margin:auto;padding:46px 0 64px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.eyebrow{color:var(--green)!important;font-size:11px!important;font-weight:800;letter-spacing:.16em}.intro h1{font-size:clamp(29px,3vw,43px);margin:6px 0 7px;letter-spacing:-.04em}.intro p,.toolbar p{margin:0;color:var(--muted);font-size:13px}.cutoff{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:13px 16px;display:flex;gap:11px;color:#9ea59d;min-width:260px}.cutoff svg{color:var(--green);margin-top:2px}.cutoff span{font-size:11px}.cutoff strong{color:var(--text);display:block;font-size:13px;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.metrics article{padding:20px;min-height:124px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,var(--panel2),var(--panel));box-shadow:inset 0 1px 0 rgba(212,175,55,.04)}.metrics span{color:var(--muted);font-size:11px}.metrics strong{display:block;font-size:26px;letter-spacing:-.04em;margin:10px 0}.metrics small{color:#9ca39b;font-size:11px}.pulse{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(212,175,55,.1)}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line)}.tabs button{display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;background:none;padding:14px 16px;color:#8c938b;cursor:pointer;font-size:12px}.tabs button:hover,.tabs button.active{color:var(--text)}.tabs button.active{border-bottom-color:var(--green)}.tabs button span{border-radius:10px;background:#202520;padding:2px 7px;font-size:10px}.content{padding-top:28px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.toolbar h2{font-size:18px;margin:0 0 5px}.search{width:min(340px,100%);display:flex;align-items:center;gap:9px;padding:0 13px;height:42px;border:1px solid var(--line);border-radius:10px;background:#0d100e;color:#687068}.search svg{width:17px}.search:focus-within{border-color:#3b705c;color:var(--green)}.search input{width:100%;outline:0;border:0;background:transparent;color:var(--text);font-size:12px}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.member-card{position:relative;min-height:208px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:.2s ease}.member-card:hover{transform:translateY(-2px);border-color:#3a433b;background:#121612}.person strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.avatar{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800;border:1px solid currentColor}.tone-green{color:#55dbae;background:#0c2d22;border-color:#206c52}.tone-blue{color:#7cb3f3;background:#10233b;border-color:#294e78}.tone-black{color:#d7d7d7;background:#050505;border-color:#242424}.tone-gray{color:#c4c8c4;background:#292d2a;border-color:#656b66}.tone-white{color:#171917;background:#f2f3f0;border-color:#ffffff}.tone-amber{color:#e4ae5d;background:#30200c;border-color:#724819}.tone-neutral{color:#e3e6df;background:#20231f;border-color:#565b55}.role{display:inline-block;margin-top:16px;padding:4px 8px;border:1px solid currentColor;border-radius:6px;font-size:9px}.rank-badge{display:inline-block;margin:16px 0 0 6px;padding:4px 8px;border:1px solid #5a4a22;border-radius:6px;color:#e3ca73;background:#171307;font-size:9px}.member-card.is-open{border-color:#d4af37;box-shadow:0 0 0 1px rgba(212,175,55,.22),0 10px 30px rgba(0,0,0,.3)}.member-card.is-open .person strong{color:#ffe58a}.divider{height:1px;background:var(--line);margin:15px 0}.card-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-values span{color:#747b73;font-size:10px}.card-values strong{display:block;color:#dfe3dc;font-size:12px;margin-top:5px}.card-values strong.large{font-size:17px;color:var(--text)}.open-line{color:var(--green);font-size:10px;margin-top:18px}.rank{position:absolute;right:17px;top:17px;color:#697068;font-size:10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:#717871;font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:14px 18px;color:#bac0b9;border-bottom:1px solid #202420;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#141814}td .avatar{width:34px;height:34px;flex-basis:34px}.status{display:inline-block;padding:5px 8px;border-radius:6px;font-size:9px;border:1px solid #3c433d;color:#a4aaa3}.status.automatic{color:#e1ae62;border-color:#66451b;background:#261b0d}.periods{display:flex;width:max-content;padding:3px;background:#111411;border:1px solid var(--line);border-radius:9px;margin:-7px 0 18px auto}.periods button{border:0;background:transparent;color:#777e76;padding:7px 12px;border-radius:6px;cursor:pointer;font-size:10px}.periods button.active{background:#252a25;color:#f1f3ef}.empty{display:grid;justify-items:center;gap:8px;padding:70px 20px;color:#6e756d;border:1px dashed var(--line);border-radius:14px}.empty strong{color:#c8cdc6;font-size:13px}.empty span{font-size:11px}footer{border-top:1px solid var(--line);min-height:64px;padding:0 max(24px,calc((100vw - 1480px)/2));display:flex;align-items:center;justify-content:space-between;color:#666d66;font-size:10px}footer code{color:#a5aca4;background:#171a17;padding:2px 5px;border-radius:4px}@media(max-width:1100px){.metrics,.member-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{height:64px}.sync{display:none}.shell{width:min(100% - 28px,1480px);padding-top:28px}.intro,.toolbar{align-items:stretch;flex-direction:column}.cutoff,.search{width:100%}.metrics,.member-grid{grid-template-columns:1fr}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding-inline:12px}.metrics article{min-height:106px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.people-filters{display:flex;align-items:end;gap:10px;margin:0 0 12px}.people-filters label{display:grid;gap:5px;color:var(--muted);font-size:10px}.people-filters select{min-width:190px;height:38px;padding:0 34px 0 11px;border:1px solid var(--line);border-radius:9px;background:#0d100e;color:var(--text);font-size:11px;outline:none}.people-filters select:focus{border-color:var(--green)}#filter-result-count{margin-left:auto;color:var(--muted);font-size:10px}@media(max-width:700px){.people-filters{align-items:stretch;flex-direction:column}.people-filters label,.people-filters select{width:100%}#filter-result-count{margin-left:0}}
.guild-switcher{display:flex;align-items:center;gap:9px;margin-left:auto;margin-right:18px;color:var(--muted);font-size:10px}.guild-switcher select{height:36px;min-width:126px;padding:0 32px 0 11px;border:1px solid var(--line);border-radius:9px;background:#0d100e;color:var(--text);font-size:11px;outline:none;cursor:pointer}.guild-switcher select:focus{border-color:var(--green)}.valley-mode .metrics,.valley-mode .cutoff,.valley-mode .tabs [data-tab]:not([data-tab="open"]){display:none}.valley-mode .tabs{margin-top:4px}.valley-mode .intro{margin-bottom:18px}@media(max-width:700px){.guild-switcher{margin-right:0}.guild-switcher span{display:none}.guild-switcher select{min-width:104px}.valley-mode .tabs{display:none}}

/* Navegação lateral */
.shell{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:28px;align-items:start}
.shell>.intro,.shell>.metrics{grid-column:1/-1;width:100%}
.shell>.tabs{grid-column:1;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,var(--panel2),var(--panel));padding:9px;position:sticky;top:96px;overflow:hidden}
.shell>.tabs button{width:100%;min-height:44px;justify-content:flex-start;border:0;border-left:3px solid transparent;border-radius:8px;padding:11px 12px;text-align:left;transition:background .18s ease,color .18s ease,border-color .18s ease}
.shell>.tabs button:hover{background:rgba(212,175,55,.07);color:var(--text)}
.shell>.tabs button[data-active=true],.shell>.tabs button.active{border-left-color:var(--green);background:rgba(212,175,55,.12);color:#f6e8b5}
.shell>.tabs button span{margin-left:auto}
.shell>.content{grid-column:2;min-width:0;padding-top:8px}
@media(max-width:800px){.shell{display:block}.shell>.tabs{position:static;display:flex;flex-direction:row;overflow-x:auto;border-width:0 0 1px;border-radius:0;background:transparent;padding:0}.shell>.tabs button{width:auto;min-height:0;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 12px}.shell>.tabs button[data-active=true],.shell>.tabs button.active{border-left-color:transparent;border-bottom-color:var(--green);background:transparent}.shell>.content{padding-top:28px}}
.people-filters input[type=date]{min-width:145px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#0d100e;color:var(--text);font-size:11px;color-scheme:dark;outline:none}.people-filters input[type=date]:focus{border-color:var(--green)}#custom-period-apply,#custom-period-reset{height:38px;padding:0 12px;border:1px solid #5a4a22;border-radius:9px;background:#171307;color:#e3ca73;font-size:10px;font-weight:700;cursor:pointer}#custom-period-reset{border-color:#464b46;background:#151815;color:#aeb4ad}#custom-period-apply:disabled{opacity:.55;cursor:wait}#custom-period-status{color:#70ddb5;font-size:10px;white-space:nowrap}#custom-period-status.error{color:#ff9e96}@media(max-width:1100px){.people-filters{flex-wrap:wrap}#filter-result-count{width:100%;margin-left:0}}@media(max-width:700px){.people-filters input[type=date],#custom-period-apply,#custom-period-reset{width:100%}#custom-period-status{white-space:normal}}
.card-management-actions{display:grid;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #29271f}.rank-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.rank-actions:has(.rank-action-button:only-child){grid-template-columns:1fr}.rank-action-button,.exonerate-button{width:100%;min-height:34px;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:750;line-height:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,filter .16s ease}.rank-action-button{border:1px solid #4b4635;background:#181712;color:#c8c2ad}.rank-action-button.promote{border-color:#23775b;background:#0c281e;color:#78e4bd}.rank-action-button.demote{border-color:#7c5124;background:#2a1b0c;color:#efb96f}.exonerate-button{margin:0;border:1px solid #74302a;background:#260d0b;color:#f5a09a}.rank-action-button:hover,.exonerate-button:hover{filter:brightness(1.16);transform:translateY(-1px)}.rank-action-button:focus-visible,.exonerate-button:focus-visible{outline:2px solid #d4af37;outline-offset:2px}.exoneration-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.exoneration-dialog{width:min(480px,100%);padding:24px;border:1px solid #71302b;border-radius:15px;background:#10100f;box-shadow:0 24px 80px #000}.exoneration-dialog h3{margin:0 0 8px;color:#ffb4ad}.exoneration-dialog p{margin:0 0 18px;color:var(--muted);font-size:12px}.exoneration-dialog label{display:grid;gap:7px;color:#cbc2ae;font-size:11px}.exoneration-dialog textarea{min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:#080908;color:var(--text);padding:11px;outline:none}.exoneration-dialog textarea:focus{border-color:#a13b33}.exoneration-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.exoneration-actions button{border:1px solid var(--line);border-radius:8px;background:#171816;padding:9px 13px;cursor:pointer;font-size:11px}.exoneration-actions .confirm-exoneration{border-color:#8e3029;background:#3a100d;color:#ffb4ad;font-weight:700}.exoneration-status{min-height:18px;margin-top:10px!important;color:#ffb4ad!important}
.rank-change-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.rank-change-dialog{width:min(460px,100%);padding:24px;border:1px solid #51482b;border-radius:15px;background:#10100f;box-shadow:0 24px 80px #000}.rank-change-dialog h3{margin:0 0 8px}.rank-change-dialog p{margin:0 0 18px;color:var(--muted);font-size:12px}.rank-change-dialog label{display:grid;gap:7px;color:#cbc2ae;font-size:11px}.rank-change-dialog textarea{min-height:100px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:#080908;color:var(--text);padding:11px;outline:none}.rank-change-dialog textarea:focus{border-color:#8b762d}.rank-change-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.rank-change-dialog-actions button{border:1px solid var(--line);border-radius:8px;background:#171816;padding:9px 13px;cursor:pointer;font-size:11px}.confirm-rank-change.promote{border-color:#2d765b;background:#0d271e;color:#72dfb7}.confirm-rank-change.demote{border-color:#79512a;background:#2a1b0d;color:#e8b36d}.rank-change-status{min-height:18px;margin-top:10px;color:#72dfb7;font-size:11px}.rank-change-status.error{color:#ff9e96}
.discord-joined{margin-top:12px;color:#8f968e;font-size:10px}
.rank-time{margin-top:5px;color:#d8bd62;font-size:10px;font-weight:700}
.sidebar-section-label{display:block;padding:18px 13px 6px;color:#716a57;font-size:9px;font-weight:800;letter-spacing:.14em}
@media(min-width:801px){
  body{background-position:236px 0}
  body>main{margin-left:236px;min-height:100vh}
  .topbar{position:fixed;inset:0 auto 0 0;width:236px;height:100vh;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid #282314;border-bottom:0;background:linear-gradient(180deg,#080907 0%,#050605 100%);backdrop-filter:none;z-index:50}
  .topbar .brand{min-height:54px;padding:0 4px 14px;border-bottom:1px solid #242116;gap:10px}
  .topbar .brand-mark,.topbar .brand-mark img{width:42px;height:42px}
  .topbar .brand>div{display:block}
  .topbar .brand strong{font-size:14px;color:#f6e8b5}
  .topbar .brand small{font-size:9px;color:#756f5d;text-transform:uppercase;letter-spacing:.08em}
  .topbar .guild-switcher{order:2;width:100%;margin:13px 0 0;display:grid;gap:5px;padding:0 4px}
  .topbar .guild-switcher span{display:block;color:#716a57;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
  .topbar .guild-switcher select{width:100%;min-width:0;height:34px;border-color:#2e291b;background:#0d0e0c}
  .topbar .header-open-metric{order:3;display:flex;align-items:center;justify-content:space-between;margin:10px 4px 0;padding:9px 10px;border:1px solid #174d39;border-radius:9px;background:#092018;color:#56e5b2}
  .topbar .header-open-metric span{font-size:9px;font-weight:700}
  .topbar .header-open-metric strong{font-size:12px}
  .topbar .account-menu{position:absolute;left:0;right:0;bottom:0;min-height:82px;margin:0;padding:12px;border-top:1px solid #282314;background:#080907;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px}
  .topbar .account-menu img{grid-row:1/3;width:36px;height:36px}
  .topbar .account-menu span{min-width:0}
  .topbar .account-menu strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4df9b;font-size:11px}
  .topbar .account-menu small{font-size:9px;color:#8c8268}
  .topbar .account-menu .profile-menu-button{grid-column:2;padding:0;border:0;text-align:left;color:#aaa18a;font-size:9px}
  .topbar .account-menu form{grid-column:3;grid-row:1/3}
  .topbar .account-menu form button{padding:6px 7px}
  .shell{display:block;width:min(1500px,calc(100% - 40px));padding:30px 0 64px}
  .shell>.intro,.shell>.metrics{width:100%}
  .shell>.tabs{position:fixed;left:0;top:184px;bottom:82px;width:236px;display:flex;flex-direction:column;gap:2px;padding:8px 10px 18px;border:0;border-radius:0;background:transparent;overflow-x:hidden;overflow-y:auto;z-index:51;scrollbar-width:thin;scrollbar-color:#40371d transparent}
  .shell>.tabs button{width:100%;min-height:39px;flex:0 0 auto;justify-content:flex-start;padding:9px 11px;border:0;border-left:2px solid transparent;border-radius:7px;color:#aaa18a;font-size:11px}
  .shell>.tabs button:hover{background:#13140f;color:#f3df9e}
  .shell>.tabs button[data-active=true],.shell>.tabs button.active{border-left-color:#d4af37;background:linear-gradient(90deg,rgba(212,175,55,.15),rgba(212,175,55,.03));color:#ffe08a}
  .shell>.tabs button span{margin-left:auto}
  .shell>.content{min-width:0;padding-top:8px}
  footer{padding-left:24px;padding-right:24px}
}
@media(max-width:800px){
  body>main{margin-left:0;padding-top:112px}
  .topbar{position:fixed;inset:0 0 auto;width:100%;height:64px;padding:0 14px;z-index:60}
  .topbar .brand>div{display:block}
  .topbar .brand-mark,.topbar .brand-mark img{width:38px;height:38px}
  .topbar .brand strong{font-size:12px}
  .topbar .brand small{font-size:8px}
  .topbar .header-open-metric{display:none}
  .topbar .account-menu{margin-left:auto}
  .topbar .account-menu span,.topbar .account-menu .profile-menu-button{display:none}
  .shell{width:min(100% - 28px,1480px);padding-top:24px}
  .shell>.tabs{position:fixed;left:0;right:0;top:64px;height:49px;display:flex;flex-direction:row;padding:0 10px;border-width:0 0 1px;border-radius:0;background:#080907;overflow-x:auto;z-index:59}
  .shell>.tabs button{width:auto;min-height:48px;flex:0 0 auto;white-space:nowrap;padding:12px 11px;border-left:0;border-bottom:2px solid transparent;border-radius:0}
  .shell>.tabs button[data-active=true],.shell>.tabs button.active{border-left-color:transparent;border-bottom-color:#d4af37;background:transparent}
  .sidebar-section-label{display:none}
}
.brand>div{display:none}
.tabs [data-tab="open"]{display:none!important}
.tabs [data-tab="history"]{display:none!important}

/* Refinamento visual 2026: ritmo, contraste e alinhamento */
:root{
  --bg:#070706;
  --panel:#11110f;
  --panel2:#17150f;
  --panel-raised:#1b1912;
  --line:#302b1d;
  --line-strong:#4c4122;
  --muted:#a19b89;
  --text:#f5edcf;
  --green:#d7b84a;
  --accent-soft:rgba(215,184,74,.10);
  --shadow:0 18px 48px rgba(0,0,0,.24);
}
html{scrollbar-color:#4c4122 #090908}
body{min-height:100vh;background:
  radial-gradient(circle at 78% -12%,rgba(215,184,74,.12),transparent 34%),
  linear-gradient(180deg,#090908 0%,#060605 100%);line-height:1.5}
button,input,select,textarea{font:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:2px solid #e4c95f;outline-offset:2px
}
.shell{padding-top:38px}
.intro{align-items:center;margin-bottom:34px}
.eyebrow{margin:0 0 8px!important;color:#c8ad4a!important;letter-spacing:.18em}
.intro h1{max-width:760px;margin:0 0 8px;font-size:clamp(30px,3vw,44px);line-height:1.08;font-weight:720}
.intro p:not(.eyebrow),.toolbar p{max-width:680px;line-height:1.65}
.toolbar{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(76,65,34,.55)}
.toolbar h2{font-size:20px;letter-spacing:-.02em}
.search{height:44px;border-color:#393323;border-radius:11px;background:rgba(15,15,13,.9);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.search:focus-within{border-color:#8b762d;background:#14130f;box-shadow:0 0 0 3px rgba(215,184,74,.08)}
.search input::placeholder{color:#777363}
.member-grid{gap:16px}
.member-card{min-height:214px;padding:20px;border-color:#302c20;border-radius:16px;background:linear-gradient(150deg,#14130f 0%,#0e0e0c 100%);box-shadow:0 10px 28px rgba(0,0,0,.15);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.member-card:hover{transform:translateY(-3px);border-color:#66582d;background:linear-gradient(150deg,#19170f,#11110e);box-shadow:var(--shadow)}
.person{min-width:0}.person strong{font-size:13px;line-height:1.35}.person small{margin-top:3px;color:#969181}
.avatar{width:42px;height:42px;flex-basis:42px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.role,.rank-badge{margin-top:17px;padding:5px 9px;border-radius:999px;font-weight:700;letter-spacing:.02em}
.divider{margin:17px 0;border:0;background:#2d2a20}
.card-values{gap:16px}.card-values span{color:#8c887a}.card-values strong{margin-top:4px;font-size:13px}.card-values strong.large{font-size:19px}
.rank{top:19px;right:19px;color:#858071}.open-line{margin-top:20px;font-weight:650}
.people-filters{gap:12px;margin-bottom:18px;padding:14px;border:1px solid #302c20;border-radius:13px;background:rgba(17,17,15,.78)}
.people-filters label{gap:6px;font-weight:650;letter-spacing:.02em}
.people-filters select,.people-filters input[type=date]{height:40px;border-color:#393323;border-radius:9px;background:#0c0c0b}
#custom-period-apply,#custom-period-reset{height:40px;border-radius:9px}
.table-wrap{border-color:#302c20;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.12)}
th{padding:15px 20px;background:#15140f;color:#918b78}td{padding:16px 20px;border-bottom-color:#27251d}tbody tr{transition:background .15s ease}tbody tr:hover{background:#171610}
.empty{min-height:260px;border-color:#3b3524;background:rgba(17,17,15,.42)}
footer{border-top-color:#29261c;color:#817d70}
@media(min-width:801px){
  body>main{margin-left:248px}
  .topbar{width:248px;padding:20px 14px 16px;border-right-color:#302b1d;background:linear-gradient(180deg,#0d0d0b,#080807);box-shadow:14px 0 38px rgba(0,0,0,.18)}
  .topbar .brand{padding:0 5px 18px;border-bottom-color:#302b1d}
  .topbar .brand strong{font-size:15px}.topbar .brand small{margin-top:3px;color:#8e8773}
  .topbar .guild-switcher{margin-top:16px}.topbar .guild-switcher select{height:38px;border-color:#393323;border-radius:9px;background:#11110e}
  .topbar .header-open-metric{margin-top:12px;padding:10px 12px;border-color:#315b49;background:#10271f}
  .topbar .account-menu{min-height:86px;padding:14px;border-top-color:#302b1d;background:#0c0c0a}
  .shell{width:min(1460px,calc(100% - 56px));padding-top:38px}
  .shell>.tabs{top:194px;bottom:86px;width:248px;padding:8px 12px 20px}
  .shell>.tabs button{min-height:42px;padding:10px 12px;border-radius:8px;font-size:11px}
  .shell>.tabs button:hover{background:rgba(215,184,74,.07)}
  .shell>.tabs button[data-active=true],.shell>.tabs button.active{background:linear-gradient(90deg,rgba(215,184,74,.16),rgba(215,184,74,.025));box-shadow:inset 0 0 0 1px rgba(215,184,74,.05)}
}
@media(max-width:1100px){.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  body>main{padding-top:116px}.shell{padding-top:28px}.intro{margin-bottom:26px}
  .topbar{border-bottom-color:#302b1d;background:rgba(10,10,8,.94);backdrop-filter:blur(18px)}
  .shell>.tabs{top:64px;height:52px;background:rgba(10,10,8,.96);border-bottom-color:#302b1d}
  .shell>.tabs button{min-height:51px}.toolbar{align-items:stretch}
}
@media(max-width:700px){
  .shell{width:calc(100% - 32px)}.intro h1{font-size:31px}.toolbar{gap:16px}
  .member-grid{grid-template-columns:1fr;gap:12px}.member-card{min-height:202px;padding:18px}
  .people-filters{padding:12px}.table-wrap{border-radius:13px}
}

/* Escala de leitura: tipografia e ícones com maior definição */
body{font-size:16px}
svg{width:22px;height:22px}
.brand strong{font-size:15px}.brand small,.person small{font-size:12px}
.sync{font-size:13px}.eyebrow{font-size:12px!important}
.intro p,.toolbar p{font-size:14px}.cutoff span{font-size:12px}.cutoff strong{font-size:14px}
.tabs button{font-size:13px}.tabs button span{font-size:11px}
.toolbar h2{font-size:21px}.search input{font-size:13px}.search svg{width:19px;height:19px}
.person strong{font-size:14px}.avatar{font-size:12px}
.role,.rank-badge,.rank,.open-line{font-size:10px}
.card-values span{font-size:11px}.card-values strong{font-size:14px}.card-values strong.large{font-size:20px}
.people-filters label,#filter-result-count,#open-filter-result-count,#custom-period-status{font-size:11px}
.people-filters select,.people-filters input[type=date],#custom-period-apply,#custom-period-reset{font-size:12px}
th{font-size:10px}td{font-size:13px}.status{font-size:10px}
.empty strong{font-size:14px}.empty span{font-size:12px}footer{font-size:11px}
.sidebar-section-label{font-size:10px}
@media(min-width:801px){
  .topbar .brand strong{font-size:15px}.topbar .brand small{font-size:10px}
  .topbar .guild-switcher span{font-size:9px}.topbar .guild-switcher select{font-size:12px}
  .topbar .header-open-metric span{font-size:10px}.topbar .header-open-metric strong{font-size:14px}
  .topbar .account-menu strong{font-size:12px}.topbar .account-menu small,.topbar .account-menu .profile-menu-button{font-size:10px}
  .shell>.tabs button{font-size:12px}
}
@media(max-width:700px){
  .intro p,.toolbar p{font-size:13px}.tabs button{font-size:12px}
  .person strong{font-size:13px}.card-values strong{font-size:13px}
}