/* DropAI.zone - Terminal Neon Theme */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root, [data-bs-theme="dark"] {
  --bs-body-bg: #0A0A0A; --bs-body-color: #E5E5E5;
  --bs-primary: #84CC16; --bs-primary-rgb: 132,204,22;
  --bs-secondary: #22D3EE; --bs-secondary-rgb: 34,211,238;
  --bs-success: #10B981; --bs-danger: #EF4444; --bs-warning: #F59E0B; --bs-info: #38BDF8;
  --bs-border-color: #262626; --bs-card-bg: #141414;
  --dz-surface: #141414; --dz-surface-raised: #1C1C1C;
  --dz-primary-hover: #A3E635; --dz-primary-dark: #65A30D;
  --dz-muted: #737373; --dz-code: #4ADE80;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
[data-bs-theme="light"] {
  --bs-body-bg: #FAFAFA; --bs-body-color: #1A1A1A;
  --dz-surface: #FFFFFF; --dz-surface-raised: #F5F5F5;
  --bs-border-color: #E5E5E5; --dz-muted: #6B7280;
}
body { background: var(--bs-body-bg); color: var(--bs-body-color); }
.surface { background: var(--dz-surface); }
.surface-raised { background: var(--dz-surface-raised); }
.card { background: var(--dz-surface); border-color: var(--bs-border-color); }
.btn-primary { background: #84CC16; border-color: #84CC16; color: #0A0A0A; font-weight: 600; }
.btn-primary:hover { background: #A3E635; border-color: #A3E635; color: #0A0A0A; }
.btn-outline-primary { color: #84CC16; border-color: #84CC16; }
.btn-outline-primary:hover { background: #84CC16; color: #0A0A0A; }
.navbar { background: transparent !important; }
.navbar-brand img { height: 32px; }
code, .code-text { font-family: 'JetBrains Mono', monospace; color: var(--dz-code); }

/* Drop Zone */
.dropzone {
  border: 2px dashed rgba(132,204,22,0.4); border-radius: 16px; min-height: 65vh;
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  cursor: pointer; transition: all 0.3s ease; position: relative; padding: 2rem;
}
.dropzone:hover, .dropzone:focus { border-color: rgba(132,204,22,0.6); box-shadow: 0 0 30px rgba(132,204,22,0.1); }
.dropzone.dragover { border-style: solid; border-color: rgba(132,204,22,0.8); background: rgba(132,204,22,0.05); }
.dropzone.active { border-color: #84CC16; }
.dropzone-icon { font-size: 4rem; color: #84CC16; margin-bottom: 1rem; display: block; }
.dropzone-title { font-weight: 700; font-size: 1.5rem; margin-bottom: 0.5rem; }
.dropzone-subtitle { color: var(--dz-muted); }
@keyframes pulse-glow { 0%,100% { box-shadow: 0 0 20px rgba(132,204,22,0.1); } 50% { box-shadow: 0 0 40px rgba(132,204,22,0.2); } }
.dropzone { animation: pulse-glow 3s ease-in-out infinite; }

/* Upload Progress */
.upload-progress-wrapper { width: 80%; max-width: 400px; height: 6px; background: #262626; border-radius: 3px; overflow: hidden; }
.upload-progress { height: 100%; background: linear-gradient(90deg, #65A30D, #84CC16, #A3E635); border-radius: 3px; transition: width 0.2s; }

/* Result Card */
.result-card .card { border-left: 3px solid #84CC16; }
@keyframes glow-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.result-card { animation: glow-in 0.4s ease-out; }
.url-display { font-family: 'JetBrains Mono', monospace; font-size: 1.1rem; color: var(--dz-code); word-break: break-all; }

/* User Panel */
.user-sidebar .nav-link { color: var(--dz-muted); padding: 0.5rem 1rem; border-radius: 6px; }
.user-sidebar .nav-link:hover, .user-sidebar .nav-link.active { color: #84CC16; background: rgba(132,204,22,0.1); }
.tier-badge-pro { background: #F59E0B; color: #0A0A0A; }
.tier-badge-free { background: #84CC16; color: #0A0A0A; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0A0A0A; }
::-webkit-scrollbar-thumb { background: #262626; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #404040; }