:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#0f172a,#111827)}button,input,textarea{font:inherit}button{border:none;border-radius:12px;padding:10px 16px;cursor:pointer;background:#3b82f6;color:#fff;transition:opacity .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#1f2937;border:1px solid #334155}button.danger{background:#dc2626}button.ghost{padding:8px 12px}.page{max-width:1400px;margin:0 auto;padding:24px}.login-page,.center-panel{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:20px;box-shadow:0 24px 60px #0000003d}.login-card{width:min(460px,100%);padding:32px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px}.topbar-actions{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.topbar-password-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topbar-password-form input{width:180px;margin-top:0}.layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:24px}.layout.three-column{grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(280px,320px)}.composer-card,.list-card,.users-card{padding:20px}.stack{display:flex;flex-direction:column}.gap-16{gap:16px}label span,.hint,.pending-meta span,.item-header time,.empty{color:#94a3b8}input,textarea{width:100%;margin-top:8px;background:#0f172abf;color:#f8fafc;border:1px solid #334155;border-radius:12px;padding:12px 14px}textarea{resize:vertical}.dropzone{border:1px dashed #475569;border-radius:16px;padding:20px;display:grid;gap:12px;place-items:center;text-align:center;background:#0f172a73}.pending-grid,.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pending-item,.attachment-card,.user-row{border:1px solid #334155;border-radius:16px;padding:10px;display:grid;gap:10px;background:#0f172a66;color:inherit;text-decoration:none}.pending-item img,.attachment-card img{width:100%;height:140px;object-fit:cover;border-radius:12px;background:#020617}.file-chip{min-height:140px;display:grid;place-items:center;text-align:center;border-radius:12px;background:#1e293b;color:#cbd5e1;padding:12px;word-break:break-word}.pending-meta{display:grid;gap:4px}.visibility-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visibility-toggle button.active{background:#2563eb;border-color:#60a5fa}.visibility-hint{margin-top:-4px}.actions,.list-header,.item-header,.inline-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.item-header.multi-line{align-items:flex-start}.list-header{margin-bottom:16px}.item-groups{display:grid;gap:20px}.item-group{display:grid;gap:12px}.group-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.compact-empty{padding:18px 12px}.item-list,.user-list{display:grid;gap:16px}.item-card{border:1px solid #334155;border-radius:16px;padding:16px;background:#0206178c;display:grid;gap:12px}.private-item-card{border-color:#fbbf2473}.item-header-actions{flex-wrap:wrap;justify-content:flex-end}.visibility-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.visibility-shared{background:#2563eb26;border-color:#60a5fa73;color:#bfdbfe}.visibility-private{background:#f59e0b26;border-color:#fbbf2473;color:#fde68a}.message-block{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;background:#0f172ab3;padding:14px;border-radius:14px}.error{background:#dc26262e;border:1px solid rgba(248,113,113,.45);color:#fecaca;padding:12px 14px;border-radius:12px}.empty{padding:32px 12px;text-align:center;border:1px dashed #334155;border-radius:16px}.user-row span{color:#94a3b8;font-size:12px}.managed-user-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.managed-user-meta{display:grid;gap:6px}@media (max-width: 1180px){.layout.three-column{grid-template-columns:1fr}}@media (max-width: 960px){.layout,.layout.three-column{grid-template-columns:1fr}.topbar,.actions,.item-header,.list-header,.inline-actions{flex-direction:column;align-items:stretch}}