:root{--bg: #0f172a;--bg-elev: #1e293b;--bg-card: #1e293b;--border: #334155;--text: #e2e8f0;--text-dim: #94a3b8;--accent: #38bdf8;--accent-press: #0ea5e9;--danger: #f87171;--ok: #4ade80;--radius: 10px;--maxw: 1100px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);padding:8px 14px;transition:background .15s,border-color .15s,opacity .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#00202e;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-press)}button.danger{border-color:transparent;color:var(--danger);background:transparent;padding:6px 10px}button.ghost{background:transparent}input,textarea{font:inherit;width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:var(--text)}input:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.container{max-width:var(--maxw);margin:0 auto;padding:24px 20px 64px}.appbar{border-bottom:1px solid var(--border);background:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.appbar-inner{max-width:var(--maxw);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;font-size:18px;color:var(--text);letter-spacing:.3px}.brand span{color:var(--accent)}.appbar .user{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-dim)}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.badge.admin{color:var(--accent);border-color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-size:24px;margin:0 0 4px}h2{font-size:18px;margin:32px 0 12px}.muted{color:var(--text-dim)}.section{margin-top:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:block;color:var(--text)}.card:hover{border-color:var(--accent);text-decoration:none}.card h3{margin:0 0 6px;font-size:16px}.card .meta{font-size:13px;color:var(--text-dim)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.photo{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.photo .thumb{aspect-ratio:4 / 3;background:#0b1220;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo .thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo .body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.photo .name{font-size:13px;word-break:break-all}.photo .actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-pill{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:8px}.status-pill.failed{color:var(--danger)}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);padding:28px;text-align:center;color:var(--text-dim);transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent);background:#38bdf80f}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stack{display:flex;flex-direction:column;gap:12px}.inline{display:flex;gap:8px;align-items:center}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:32px;text-align:center;color:var(--text-dim)}.alert{border-radius:8px;padding:10px 12px;font-size:14px;border:1px solid}.alert.error{color:var(--danger);border-color:var(--danger);background:#f8717114}.alert.ok{color:var(--ok);border-color:var(--ok);background:#4ade8014}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{flex:1;background:transparent}.tabs button.active{border-color:var(--accent);color:var(--accent)}.shares-list{display:flex;flex-direction:column;gap:6px}.share-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px solid var(--border)}.upload-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px}.small{font-size:12px}.link-btn{background:none;border:none;color:var(--accent);padding:0}