*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#18202a;font:15px Arial,sans-serif}header{height:72px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-shadow:0 2px 12px #0001}.brand{display:flex;align-items:center;height:100%}.brand-logo{display:block;width:auto;height:46px;max-width:180px;object-fit:contain}nav{display:flex;gap:8px}nav a{color:#cbd5e1;text-decoration:none;padding:10px 13px;border-radius:8px}nav a:hover,nav a.active{background:#263244;color:#fff}main{max-width:1180px;margin:35px auto;padding:0 20px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}h1{margin:0 0 7px;font-size:30px}h2{margin-top:0}p{color:#667085;line-height:1.55}.btn,button{display:inline-block;background:#111827;color:#fff;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;cursor:pointer;font-weight:700}.secondary{background:#475467}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stats>div,.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 3px 12px #10182808}.stats b{display:block;font-size:28px}.stats small{color:#667085}.table-head{display:flex;justify-content:space-between;align-items:center}.table-head input{width:260px}input,textarea,select{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font:inherit;margin-top:7px;margin-bottom:16px}label{display:block;font-weight:700;margin-bottom:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #eef0f3}th{font-size:12px;color:#667085;text-transform:uppercase}.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#eef2f6;font-size:12px}.urgent{background:#fee4e2;color:#b42318}.high{background:#fff0d6;color:#9a6700}.status{background:#eaf2ff;color:#2457a6}.link{color:#175cd3;text-decoration:none;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-card{max-width:800px}.member{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eee}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;font-weight:800}.member small{display:block;color:#667085;margin-top:3px}.online{margin-left:auto;font-size:12px;color:#067647}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.details small,.details b{display:block}.details small{color:#667085;margin-bottom:5px}.comment{border-left:3px solid #d0d5dd;padding:4px 12px;margin:15px 0}.comment small{display:block;color:#98a2b3}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px}.success{background:#ecfdf3;color:#067647}.error{background:#fef3f2;color:#b42318}.center{min-height:100vh;display:grid;place-items:center}.auth{width:420px}.auth h1{text-align:center}.logo{margin:auto auto 15px;width:55px;height:55px;border-radius:14px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}@media(max-width:800px){.stats,.grid2{grid-template-columns:1fr 1fr}.top{align-items:flex-start;gap:15px;flex-direction:column}header{padding:0 15px;height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}nav{flex-wrap:wrap}.auth{width:90%}}@media(max-width:520px){.stats{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.table-head{display:block}.table-head input{width:100%}}
.inline-delete{display:inline;margin-left:10px}.delete-link{padding:0;background:none;border:0;color:#d92d20;font:inherit;font-weight:700;cursor:pointer}.delete-link:hover{text-decoration:underline}