body { font-family: system-ui, Arial; margin: 0; background: #0b0f14; color: #e7eef7; }
a { color: inherit; text-decoration: none; }

/* ========== Global Scrollbar (Tiffany style) ========== */
::-webkit-scrollbar{ width:6px; height:6px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{
  background: rgba(47,255,213,.15);
  border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover{
  background: rgba(47,255,213,.35);
}
::-webkit-scrollbar-thumb:active{
  background: rgba(47,255,213,.50);
}
::-webkit-scrollbar-corner{ background:transparent; }

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(47,255,213,.15) transparent;
}

.center { min-height: 100vh; display: grid; place-items: center; }

.card { width: 360px; padding: 18px; border: 1px solid #223; border-radius: 12px; background: #0f1620; display: grid; gap: 10px; }
input { padding: 10px; border-radius: 10px; border: 1px solid #223; background: #0b0f14; color: #e7eef7; }
button { padding: 10px; border-radius: 10px; border: 0; background: #2d7dff; color: white; cursor: pointer; }

.error { background: #3b1212; border: 1px solid #7a1b1b; padding: 8px; border-radius: 10px; }

/* ✅ FIX: main має бути flex-частиною */
.main{
    flex: 1;
    min-width: 0;         /* важливо для таблиць/довгих блоків */
    padding: 22px;
    overflow: auto;
    min-height: 100vh;
}

/* ✅ FIX: нормальна ширина контенту */
.main__inner{
    max-width: 1200px;
    margin: 0 auto;
}

.main h1{
    margin: 0 0 8px;
    font-size: 34px;
}
.main p{
    opacity: .9;
}