dialog{width:clamp(320px,90vw,620px);position:absolute;margin:auto;border:0;border-radius:10px}dialog form{padding:1.5rem;background-color:#fff;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.08);font-family:system-ui,sans-serif}dialog .item{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}dialog label{font-size:.85rem;font-weight:600;color:#444}dialog input,dialog select,dialog textarea{padding:.55rem .7rem;border-radius:6px;border:1px solid #ccc;font-size:.9rem;transition:border .2s,box-shadow .2s}dialog input:focus,dialog select:focus,dialog textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(79,70,229,.15)}dialog input:invalid{outline:none;border-color:red;box-shadow:0 0 0 2px rgba(79,70,229,.15)}dialog textarea{resize:vertical;min-height:80px}dialog #taskDiv{margin-top:.5rem}dialog .check-item{display:flex;gap:.5rem;margin-top:.5rem}dialog .check-item:last-child{margin-bottom:1rem}dialog .check-item span{flex:1;padding:.4rem .6rem;background-color:#f3f4f6;border-radius:6px;font-size:.85rem;overflow-wrap:break-word;word-wrap:break-word;max-width:80%}dialog .check-item button{background-color:#ef4444;border:none;color:#fff;padding:.4rem .6rem;border-radius:6px;cursor:pointer;max-width:10%}dialog .check-item button:hover{background-color:#dc2626}dialog .item:last-child{display:flex;gap:.75rem}dialog button{flex:1;padding:.6rem;border-radius:6px;border:none;cursor:pointer;font-weight:600}dialog #submitBtn{background-color:var(--primary);transition:background-color .2s;color:#fff}dialog #submitBtn:hover{background-color:var(--primary-hover)}dialog #closeBtn{background-color:#e5e7eb;transition:background-color .2s}dialog #closeBtn:hover{background-color:#d1d5db}