:root{--bg:#fafaf9;--card:#fff;--border:#e7e5e4;--text:#1c1917;--muted:#78716c;--accent:#4f46e5;--accent-hover:#4338ca;--danger:#dc2626;--radius:12px;--shadow:0 1px 2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:40px 32px}.login-logo{margin-bottom:12px;font-size:40px}.login-card h1{margin-bottom:6px;font-size:20px;font-weight:700}.login-sub{color:var(--muted);margin-bottom:24px;font-size:14px}.login-card input{border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:15px;transition:border-color .15s}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51f}.login-card button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.login-card button:hover{background:var(--accent-hover)}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger);min-height:20px;margin-top:14px;font-size:14px}.app-wrap{max-width:960px;margin:0 auto;padding:24px 20px 60px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.topbar-title{font-size:18px;font-weight:700}.logout-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-size:14px;transition:all .15s}.logout-btn:hover{color:var(--danger);border-color:var(--danger)}.file-list{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.file-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 18px;transition:background .1s;display:flex}.file-row:last-child{border-bottom:none}.file-row:hover{background:#f5f5f4}.file-icon{flex-shrink:0;font-size:20px}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.file-size,.file-date{color:var(--muted);flex-shrink:0;font-size:13px}.file-date{text-align:right;width:150px}.file-action{color:var(--accent);border:1px solid var(--border);border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.file-action:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.empty-state{text-align:center;color:var(--muted);padding:48px;font-size:14px}.error-row{text-align:center;color:var(--danger);padding:24px}@media (max-width:640px){.file-date{display:none}.file-row{flex-wrap:wrap}.file-name{min-width:120px}}