body {
  background-image: radial-gradient(ellipse at 86% 0%, #0c34554d, transparent 38%),
    repeating-linear-gradient(133deg, transparent 0 290px, #144e7020 291px, transparent 292px 540px);
  background-attachment: fixed;
  line-height: 1.45;
}
button, input, textarea, select { font: inherit; }
.container { max-width: 1180px; gap: 26px; padding-top: 0; }
header {
  position: relative;
  min-height: 128px;
  isolation: isolate;
  border-bottom: 1px solid #4cbaff35;
  padding: 20px 4px;
}
header::before {
  content: '';
  position: absolute;
  inset: 0 -24px;
  z-index: -1;
  background: linear-gradient(133deg, transparent 44%, #57738620 44.2%, #122e4340 53%, transparent 53.2%),
    linear-gradient(133deg, transparent 64%, #40b9ff55 64.1%, #09111b 64.3%, #1f40565c 70%, transparent 70.2%);
  pointer-events: none;
}
.brand-group { text-decoration: none; color: #e8f4ff; gap: 16px; flex-shrink: 0; }
.brand-mark { width: 76px; height: 76px; filter: drop-shadow(0 4px 14px #169dff44); }
.brand-name {
  font: 700 clamp(18px, 2.6vw, 31px) 'Space Grotesk', sans-serif;
  letter-spacing: .13em;
  background: linear-gradient(#fff 15%, #b5c5d7 43%, #eff7ff 50%, #8dabc9 80%);
  color: #d6e8f7;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-actions { flex-shrink: 0; }
.status-badge { border-radius: 12px; border-color: #70b9ee66; box-shadow: inset 0 1px 10px #369bdf12; padding: 11px 14px; }
.pulse-dot { background: #6ce83d; box-shadow: 0 0 9px #62e73488; animation: none; }
.btn-new {
  border-radius: 12px;
  border: 1px solid #6bd4ff;
  color: #fff;
  padding: 12px 20px;
  background: linear-gradient(180deg, #087acb, #063374);
  box-shadow: inset 0 0 12px #2ebeff55, 0 0 17px #008cff44;
}
.btn-new:hover { background: linear-gradient(180deg, #1593e9, #08458f); box-shadow: 0 0 22px #008cff60; }
.user-greeting { margin: -6px 0 -5px; }
.user-greeting h1 { font-size: clamp(26px, 3vw, 34px); }
.user-greeting p { font-size: 15px; margin-top: 3px; }
.stats-grid { gap: 18px; }
.stat-card, .tool-card, .activity-box {
  background: linear-gradient(142deg, #101d2b 0%, #0a121b 55%, #070d14 100%);
  border-color: #4c73966b;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 #94c9f012, 0 8px 22px #0003;
}
.stat-card { padding: 20px 22px; }
.stat-card:hover, .tool-card:hover { background: linear-gradient(142deg, #142a3d, #0a141f); border-color: #38baff; box-shadow: 0 0 18px #108fff20; }
.stat-label { color: #c5d3e3; font-size: 11px; letter-spacing: .07em; }
.stat-header { margin-bottom: 9px; }
.stat-value { font-size: 34px; line-height: 1.15; }
.stat-icon-wrap { background: #07111d !important; border: 1px solid #237cb77a; color: #57c5ff !important; border-radius: 9px; width: 38px; height: 38px; }
.section-title { position: relative; color: #e4edf8; font-size: 13px; padding-left: 18px; letter-spacing: .055em; }
.section-title::before { content: ''; position: absolute; top: 1px; bottom: 1px; left: 0; width: 3px; border-radius: 3px; background: #46c6ff; box-shadow: 0 0 10px #249eff; }
.main-grid { gap: 22px; }
.tools-grid { gap: 12px; }
.tool-card { text-align: left; width: 100%; min-height: 86px; padding: 15px 14px; gap: 14px; }
.tool-icon { border: 1px solid #2b87bf88; background: linear-gradient(145deg, #09233b, #07111c); border-radius: 10px; width: 44px; height: 44px; }
.tool-icon svg { width: 23px; height: 23px; filter: drop-shadow(0 0 5px #2eb9ff3d); }
.tool-card:has([style*="var(--danger)"]) .tool-icon { border-color: #a336456e; }
.tool-info { min-width: 0; }
.tool-info h3 { font-size: 13px; line-height: 1.3; margin-bottom: 3px; }
.tool-info p { font-size: 11px; line-height: 1.4; }
.chevron-arrow { width: 18px; height: 18px; flex-shrink: 0; color: #c2d2e6; }
.activity-box { min-height: 214px; }
.activity-empty { min-height: 214px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 32px 24px; gap: 18px; }
.activity-empty svg { width: 46px; height: 46px; color: #667a92; stroke-width: 1.2; }
.activity-empty p { max-width: 310px; font-size: 14px; color: var(--text-muted); line-height: 1.55; }
.activity-download { background: #149aff16; color: #67caff; }
a.activity-item:hover { background: #149aff12; }
.additional-tools { position: relative; margin-top: 28px; padding-top: 28px; border-top: 1px solid #43b6ff48; gap: 18px; }
.additional-tools::before { content: ''; position: absolute; top: -1px; width: 100px; height: 1px; background: #64cfff; left: calc(50% - 50px); box-shadow: 0 0 15px 2px #138bff80; }
.additional-tools > h2 { margin-bottom: 0 !important; }
.additional-tools > div:has(#admin-key) { max-width: 600px !important; margin-bottom: 0 !important; }
.additional-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.additional-grid .stat-card { padding: 18px 16px 14px; display: flex; flex-direction: column; }
.additional-grid .stat-header { margin-bottom: 8px; }
.additional-grid .stat-label { color: #8ed6ff !important; letter-spacing: .025em; }
.additional-grid .stat-card > p { line-height: 1.5; flex: 1; margin-bottom: 12px !important; }
.additional-grid .stat-label svg { width: 19px; height: 19px; vertical-align: middle; margin-right: 6px; }
.additional-grid .btn-action {
  margin-top: 0; padding: 9px 10px;
  border: 1px solid #44bcff;
  background: linear-gradient(180deg, #0b2945, #06111e) !important;
  color: #eef8ff !important;
  box-shadow: inset 0 0 10px #047be92b, 0 0 8px #028eff12;
  font-size: 12px; border-radius: 8px;
}
.additional-grid .btn-action:hover { border-color: #a3e5ff; box-shadow: 0 0 13px #139aff44; }
.input-textarea { border-color: #567e9f80; background: #09131e; }
.modal-content { background: #0b1420; border-color: #3caaff70; }
.level-btn.active { color: #03121e; }
.btn-action:hover { background: #78d3ff; }
:is(button, a, input, textarea, select):focus-visible { outline: 2px solid #8edbff; outline-offset: 4px; }
.additional-tools::after { content: 'STEALTHFORGE · ESTÚDIO DE CRIAÇÃO'; display: block; margin-top: 12px; color: #71869c; font-size: 10px; letter-spacing: .16em; }
@media (min-width: 1024px) { .main-grid { grid-template-columns: 1.55fr 1fr; } }
@media (max-width: 1000px) { .brand-name { font-size: 24px; letter-spacing: .08em; } .brand-mark { width: 60px; height: 60px; } }
@media (max-width: 800px) { .additional-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .header-actions { flex-wrap: wrap; } .brand-name { font-size: 20px; } header { flex-direction: column; align-items: flex-start; gap: 14px; } }
@media (max-width: 540px) {
  .container { padding-left: 18px; padding-right: 18px; gap: 22px; }
  header { min-height: auto; padding: 20px 0; }
  .brand-name { font-size: 20px; letter-spacing: .09em; }
  .brand-mark { width: 52px; height: 52px; }
  .header-actions { width: 100%; gap: 10px; }
  .status-badge { padding: 10px; font-size: 11px; }
  .btn-new { padding: 10px 12px; font-size: 12px; }
  .additional-grid { grid-template-columns: minmax(0, 1fr); }
  .additional-tools { margin-top: 16px; padding-top: 24px; }
  .stat-card { padding: 18px; }
  .tools-grid { grid-template-columns: minmax(0, 1fr); }
  .user-greeting p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.stat-month { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--text-muted); }
@media (max-width: 540px) { header::before { inset: 0 -18px; } }