@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg:#0e0f1a;--bg-card:#161825;--bg-hover:#1c1e30;--border:#252840;--text:#e8e4dc;--text-dim:#8a8b9e;--gold:#c9a84c;--gold-dim:#c9a84c33;--blue:#6c8ebf;--green:#4caf7c;--red:#e06c75;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-container{background:radial-gradient(at 50% 30%,#c9a84c14,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:48px 40px;box-shadow:0 20px 60px #0006}.login-icon{margin-bottom:16px;font-size:48px}.login-card h1{color:var(--gold);margin-bottom:8px;font-size:24px;font-weight:600}.login-card p{color:var(--text-dim);margin-bottom:28px;font-size:14px}.login-card input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;margin-bottom:16px;padding:14px 16px;font-size:15px;transition:border-color .2s}.login-card input:focus{border-color:var(--gold)}.login-card button{background:linear-gradient(135deg, var(--gold), #b8942e);color:#0e0f1a;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s}.login-card button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c9a84c4d}.error{color:var(--red);margin-bottom:12px;font-size:13px}.dashboard{max-width:1000px;margin:0 auto;padding:24px 20px 60px}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.dash-header h1{color:var(--gold);font-size:24px;font-weight:700}.subtitle{color:var(--text-dim);margin-top:4px;font-size:13px}.back-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-bottom:4px;padding:4px 0;font-size:13px;transition:color .2s}.back-btn:hover{color:var(--gold)}.header-controls{align-items:center;gap:10px;display:flex}.action-btn,.upload-btn,.cancel-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s}.action-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.action-btn:hover{border-color:var(--gold);color:var(--gold)}.upload-btn{background:linear-gradient(135deg, var(--gold), #b8942e);color:#0e0f1a;padding:12px 24px;font-size:14px;font-weight:600}.upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c4d}.cancel-btn{color:var(--text-dim);background:0 0}.new-folder-form{align-items:center;gap:10px;margin-bottom:20px;display:flex}.new-folder-form input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:14px}.new-folder-form input:focus{border-color:var(--gold)}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.folder-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;padding:24px 20px;transition:all .2s}.folder-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.folder-icon{margin-bottom:12px;font-size:40px}.folder-name{text-transform:capitalize;margin-bottom:6px;font-size:15px;font-weight:600}.folder-meta{color:var(--text-dim);font-size:12px}.folder-date{color:var(--text-dim);opacity:.7;margin-top:4px;font-size:11px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.panel h2{margin-bottom:14px;font-size:15px;font-weight:600}.uploads-panel{border-color:#c9a84c4d}.upload-item{background:var(--bg);border-radius:10px;margin-bottom:8px;padding:12px 14px}.upload-item:last-child{margin-bottom:0}.upload-info{align-items:center;gap:10px;margin-bottom:6px;display:flex}.upload-icon{flex-shrink:0;font-size:18px}.upload-details{flex:1;min-width:0}.upload-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.upload-meta{color:var(--text-dim);margin-top:2px;font-size:11px}.progress-bar{background:#ffffff0d;border-radius:6px;height:22px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold), #d4af37);border-radius:6px;min-width:2px;height:100%;transition:width .3s}.progress-text{color:var(--text);font-size:11px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.upload-item.complete{opacity:.7}.upload-item.error .upload-meta{color:var(--red)}.file-list{flex-direction:column;gap:4px;display:flex}.file-item{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.file-item:hover{background:var(--bg-hover)}.file-icon{flex-shrink:0;font-size:18px}.file-details{flex:1;min-width:0}.file-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.file-meta{color:var(--text-dim);margin-top:2px;font-size:11px}.file-status{flex-shrink:0;font-size:14px}.delete-btn{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:16px;transition:all .2s}.delete-btn:hover{opacity:1;background:#e06c7526}.file-item:hover .delete-btn{opacity:.7}.loading,.empty-state{text-align:center;color:var(--text-dim);padding:40px}.empty-icon{opacity:.5;margin-bottom:12px;font-size:48px}.empty-state p{font-size:14px}@media (width<=600px){.folder-grid{grid-template-columns:1fr}.dash-header,.new-folder-form{flex-direction:column}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}