:root{--bg:#0b0c10;--panel:#14161c;--panel-2:#1b1e26;--border:#262a34;--text:#e7e9ee;--muted:#8b90a0;--accent:#6366f1;--accent-hover:#7c7ff2;--danger:#ef4444}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.wrap{max-width:960px;margin:0 auto;padding:40px 20px 80px}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:40px 20px;display:flex}h1{margin:0 0 6px;font-size:1.6rem}h2{margin:0 0 4px;font-size:1.15rem}.muted{color:var(--muted);font-size:.9rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:600;transition:background .15s;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.btn.danger{color:var(--danger);background:0 0;border:1px solid #532}.btn.danger:hover{background:#ef44441f}input[type=email],input[type=password]{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;outline:none;padding:11px 13px;font-size:.95rem}input:focus{border-color:var(--accent)}label{color:var(--muted);margin:0 0 6px;font-size:.8rem;display:block}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:14px;padding:48px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#6366f10f}.row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.bar{background:var(--panel-2);border-radius:4px;height:6px;overflow:hidden}.bar>span{background:var(--accent);height:100%;transition:width .2s;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.tile .media{aspect-ratio:4/3;background:#000;justify-content:center;align-items:center;display:flex;overflow:hidden}.tile .media img,.tile .media video{object-fit:cover;width:100%;height:100%}.tile .meta{padding:10px 12px;font-size:.78rem}.tile .meta .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile .actions{gap:8px;padding:0 12px 12px;display:flex}.tile .actions .btn{padding:6px 12px;font-size:.8rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.qr-box{background:#fff;border-radius:16px;padding:24px}.err{color:var(--danger);margin-top:8px;font-size:.85rem}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.qr-box{box-shadow:none}}