body{color:#fefae0;cursor:default;background:#12190b;margin:10px;font-family:Arial,Helvetica,sans-serif}.dashboard{min-height:100vh;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.title{flex-direction:column;align-items:center;font-size:22px;transition:all .1s ease-in;display:flex}.title:hover{color:#e76f51}.time-box{color:#e76f51;background:#fefae0;border-radius:20%;justify-content:space-evenly;align-items:center;margin:12px;padding:24px;transition:box-shadow .3s ease-in-out}.time-box:hover{color:#fefae0;cursor:default;background:#e76f51;box-shadow:0 6px 80px #a84c35}.card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:45px;display:grid}.main-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.card{justify-content:center;align-items:left;color:#fefae0;background:#2a9d8f;border-radius:18px;flex-direction:column;width:auto;margin-bottom:20px;padding:18px;transition:box-shadow .5s ease-in-out;display:flex}.card:hover{background:#2a9d90d3;box-shadow:0 0 800px #fffae03c}.form input,.form textarea,.form select{border:1px solid #ccc;border-radius:10px;width:90%;margin-bottom:20px;padding:.8%;display:flex}.form button,.task-btns button{color:#fefae0;background:#283618;border:none;border-radius:10px;margin-right:10px;padding:10px 20px;font-weight:700;transition:all .2s ease-in-out}.form button:hover,.task-btns button:hover{color:#283618;cursor:pointer;background:#fefae0}.form button:active,.task-btns button:active{transform:scale(.93)}.task-item{color:#12190b;background:#e9d8a6;border-radius:14px;margin-bottom:12px;padding:14px}