*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#1f2937}.top{position:sticky;top:0;z-index:10;background:#0f3a5f;color:#fff;display:flex;align-items:center;gap:16px;padding:10px 14px;box-shadow:0 2px 10px #0002}.brand{font-weight:700;font-size:20px;white-space:nowrap}.top nav{display:flex;gap:6px;overflow-x:auto;flex:1}.top a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:10px;white-space:nowrap}.top a.active,.top a:hover{background:#ffffff22}.user{font-size:13px;white-space:nowrap}.wrap{max-width:1200px;margin:0 auto;padding:18px}.panel,.card{background:#fff;border-radius:16px;box-shadow:0 4px 18px #183b5614;padding:16px;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.big{font-size:34px;font-weight:700;color:#0f3a5f}.grid-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-form label{display:flex;flex-direction:column;font-size:13px;gap:5px}.wide{grid-column:1/-1}input,select,textarea{border:1px solid #d4dce8;border-radius:10px;padding:10px;font-size:15px;background:#fff}select[multiple]{min-height:110px}button,.actions a{background:#0f6b9d;color:#fff;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-block;cursor:pointer}button:hover,.actions a:hover{background:#0b557e}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #edf1f6;text-align:left;padding:10px;vertical-align:top}th{background:#f8fafc}.table-wrap{overflow:auto}.alert{background:#fee2e2;color:#991b1b;border-radius:10px;padding:10px;margin-bottom:10px}.muted{color:#6b7280;font-size:13px}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f3a5f,#0f6b9d)}.login{background:#fff;border-radius:18px;padding:26px;width:min(420px,92vw);box-shadow:0 15px 45px #0004}.login label{display:block;margin:12px 0}.login input{width:100%;margin-top:5px}.login button{width:100%;margin-top:10px}.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.kanban-col{background:#f8fafc;border:1px solid #e5edf5;border-radius:14px;padding:10px;min-height:160px}.kanban-col h3{margin-top:0;font-size:15px}.task-card{background:#fff;border-left:5px solid #0f6b9d;border-radius:12px;padding:10px;margin-bottom:10px;box-shadow:0 2px 10px #0001}.task-card.late{border-left-color:#dc2626;background:#fff7f7}.modal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{background:#fff;width:min(700px,95vw);border-radius:18px;padding:20px;position:relative}.x{position:absolute;right:12px;top:10px;background:#64748b}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
@media(max-width:800px){.top{align-items:flex-start;flex-direction:column}.top nav{width:100%}.wrap{padding:12px}.cards{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}table{font-size:13px}th,td{padding:8px}.panel{padding:12px}}
.btn-secondary{background:#64748b;color:#fff;border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-block}.danger{background:#dc2626;padding:6px 10px;font-size:13px}.row-actions{white-space:nowrap}.row-actions a{margin-right:6px}