*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7f8;color:#183136}button,input,select,textarea{font:inherit}.top{height:64px;background:#fff;border-bottom:1px solid #dce5e7;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-weight:800;color:#0f766e;font-size:20px}.wrap{max-width:1500px;margin:auto;padding:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card{background:#fff;border:1px solid #dde7e8;border-radius:12px;padding:16px}.num{font-size:28px;font-weight:800;margin-top:7px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar input{min-width:280px}.input,.select{padding:10px 12px;border:1px solid #cad8da;border-radius:8px;background:#fff}.btn{border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.primary{background:#0f766e;color:white}.ghost{background:#e9f5f3;color:#0f766e}.danger{background:#fff1f0;color:#b42318}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f2;font-size:14px}th{background:#f8fafb;color:#52656a}.badge{padding:5px 9px;border-radius:20px;background:#eef5f5;display:inline-block}.urgent{background:#fff0ed;color:#b42318}.today{background:#fff7dc;color:#8a6100}.done{background:#eaf8ef;color:#16733b}.modal{position:fixed;inset:0;background:#0006;display:grid;place-items:center;padding:20px}.dialog{background:#fff;border-radius:14px;width:min(600px,100%);padding:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.hidden{display:none!important}.muted{color:#718186;font-size:13px}.tabs{display:flex;gap:8px;margin:16px 0}.tab{padding:8px 12px;border-radius:20px;background:#eaf1f2;cursor:pointer}.tab.active{background:#0f766e;color:#fff}@media(max-width:850px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}th:nth-child(4),td:nth-child(4){display:none}}