html,body,.app{margin:0;font-family:Noto Naskh Arabic,Tahoma,sans-serif;background:#0f172a;color:#e2e8f0}header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 1.5rem;background:#1e293b}.nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}button,input,select{font:inherit;min-height:40px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.board{display:flex;gap:1rem;padding:1rem;overflow-x:auto}.col{min-width:220px;background:#1e293b;padding:.75rem;border-radius:8px}article{background:#334155;margin:.5rem 0;padding:.5rem;border-radius:6px}main{padding:1rem 1.5rem}.err,.toast{color:#fca5a5}.toast{position:sticky;top:0;background:#7f1d1d;padding:.5rem 1rem;z-index:20}.banner{background:#b45309;color:#fff;padding:.75rem 1rem;font-weight:700;position:sticky;top:0;z-index:30}.busy{color:#7dd3fc}.empty{color:#94a3b8}form{display:flex;flex-direction:column;gap:.5rem;max-width:420px}label{display:flex;flex-direction:column;gap:.25rem}.modal{position:fixed;top:20%;right:20%;bottom:20%;left:20%;background:#1e293b;padding:1rem;border:1px solid #64748b;z-index:40}@media(max-width:768px){header,.nav{flex-direction:column;align-items:stretch}.modal{top:10%;right:5%;bottom:10%;left:5%}}