:root{--bg-color:#0f172a;--panel-bg:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--danger:#ef4444;--danger-hover:#dc2626;--border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.app-container{max-width:1200px;margin:0 auto;padding:2rem}header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);color:#0000;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.glass-panel:hover{box-shadow:0 10px 40px #0006}.controls{flex-wrap:wrap;gap:1rem;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:var(--danger-hover)}.input-group{flex:1;gap:.5rem;min-width:300px;display:flex}input[type=text],input[type=password]{border:1px solid var(--border);color:var(--text-primary);background:#0f172a99;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;transition:border-color .2s}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent)}input[type=file]{display:none}.file-table{border-collapse:collapse;width:100%}.file-table th,.file-table td{text-align:left;border-bottom:1px solid var(--border);padding:1rem}.file-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.file-table tr:last-child td{border-bottom:none}.file-table tr{transition:background-color .2s}.file-table tbody tr:hover{background-color:#ffffff0d}.actions{gap:.5rem;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:all .2s}.icon-btn:hover{color:var(--text-primary);background:#ffffff1a}.icon-btn.delete:hover{color:var(--danger);background:#ef44441a}.auth-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ae6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--glass-shadow);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:2rem}.auth-modal h2{margin-bottom:1.5rem}.auth-modal .input-group{flex-direction:column}.loader{border:3px solid #ffffff1a;border-top:3px solid var(--accent);border-radius:50%;width:24px;height:24px;margin:2rem auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.controls{flex-direction:column}.file-table{display:block;overflow-x:auto}}