/* QUVIAI Sanal Ofis — ortak tema (giriş sayfası ve panel) */
:root {
  --bg:#15131a; --panel:#1e1b24; --panel2:#27232e; --panel3:#302b38; --cizgi:#36303f; --cizgi2:#ffffff14;
  --yazi:#f3eee8; --soluk:#9d95a6; --soluk2:#6f6878;
  --yesil:#4ade80; --sari:#f5c24a; --kirmizi:#ff7a66; --mavi:#7fb2e8; --mor:#b38ce0; --vurgu:#f59e5b; --vurgu2:#e9738a;
  --grad:linear-gradient(135deg, var(--vurgu), var(--vurgu2));
  --r:14px; --golge:0 18px 50px #0007;
  color-scheme:dark;
}
* { box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font:14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Inter, Roboto, ui-sans-serif, system-ui, sans-serif;
  background:var(--bg); color:var(--yazi); -webkit-font-smoothing:antialiased; }
.logo-i { display:inline-block; flex-shrink:0; background:var(--grad); box-shadow:0 6px 18px #f59e5b44, inset 0 1px 0 #ffffff55; position:relative; }
.logo-i::after { content:""; position:absolute; inset:28%; border-radius:30%; border:2px solid #1d1418aa; }
input, textarea, select { font:inherit; color:var(--yazi); background:var(--panel2); border:1px solid var(--cizgi); border-radius:12px; padding:10px 13px; outline:none; transition:border-color .15s, box-shadow .15s; }
input:focus, textarea:focus, select:focus { border-color:#f59e5b99; box-shadow:0 0 0 3px #f59e5b22; }
input::placeholder, textarea::placeholder { color:var(--soluk2); }
button { font:inherit; font-size:13px; padding:8px 14px; border:1px solid var(--cizgi); background:var(--panel2); color:var(--yazi); border-radius:11px; cursor:pointer; transition:border-color .15s, background .15s, transform .08s; }
button:hover { border-color:#ffffff38; background:var(--panel3); }
button:active { transform:scale(.98); }
button:disabled { opacity:.55; cursor:default; }
button:focus-visible, a:focus-visible { outline:2px solid var(--vurgu); outline-offset:2px; }
button.ana { background:var(--grad); color:#1d1418; border:0; font-weight:650; box-shadow:0 6px 20px #f59e5b33; }
button.ana:hover { filter:brightness(1.06); background:var(--grad); }
button.evet { background:var(--yesil); color:#0f2418; border:0; font-weight:650; }
button.tehlike { border-color:#ff7a6655; color:var(--kirmizi); background:transparent; }
button.tehlike:hover { background:#ff7a6614; }
button.kucuk { font-size:12px; padding:6px 11px; color:var(--soluk); }
button.ikon { width:38px; height:38px; padding:0; display:inline-grid; place-items:center; border-radius:11px; }
@keyframes gir { from { opacity:0; transform:translateY(6px); } }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { background:#ffffff1a; border-radius:10px; border:3px solid transparent; background-clip:padding-box; }
::-webkit-scrollbar-thumb:hover { background:#ffffff30; background-clip:padding-box; border:3px solid transparent; }
::-webkit-scrollbar-track { background:transparent; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }