.dashboard-cards{display:grid;width:100%;grid-template-columns:repeat(4,1fr);gap:16px}.stats-card{position:relative;overflow:hidden;padding:24px;border-radius:24px;box-shadow:0 10px 30px #00000040;transition:all .3s ease;color:#fff}.stats-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000059}.stats-card:before{content:"";position:absolute;width:180px;height:180px;top:-70px;right:-70px;border-radius:50%}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.icon-box{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(64,224,208,.15);color:#40e0d0;font-size:24px}.card-content{margin-top:25px}.card-content h1{margin:0;font-size:3rem;font-weight:700;line-height:1}.card-content p{margin-top:8px;color:#b9c4d8}@media screen and (max-width: 768px){.dashboard-cards{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 375px){.dashboard-cards{display:grid;grid-template-columns:repeat(1,1fr)}}.card{width:100%;max-height:170px;position:relative;display:block;overflow:hidden;border:1px solid rgba(243,244,246);border-radius:.5rem;padding:1rem;background-color:#fff}.title{font-size:1.125rem;line-height:1.25rem;font-weight:700;color:#111827;text-decoration:none}.title:hover{text-decoration:underline royalblue}.subtitle{margin-top:.25rem;font-size:.75rem;font-weight:300;color:#4b5563}.post-info{display:flex;grid-gap:1rem;gap:1rem}.cr{display:flex;flex-direction:row}.dt{font-size:.875rem;line-height:1.25rem;font-weight:600;color:#000}.post-button{display:flex}.button{display:flex;justify-content:center;align-items:center;gap:5px;height:30px;width:100px;border:none;background:#055aa06e;border-radius:20px;cursor:pointer}.lable{line-height:20px;font-size:17px;color:#fff;font-family:sans-serif;letter-spacing:1px}.button:hover{background:blue}.outline-input-container{position:relative;width:100%;margin-top:10px}.outline-input{width:100%;height:56px;padding:16px 14px;font-size:16px;border:1px solid #9e9e9e;border-radius:6px;outline:none;background-color:transparent;transition:border-color .2s ease;box-sizing:border-box}.outline-input:hover{border-color:#212121}.outline-input:focus{border:2px solid #1976d2}.outline-label{position:absolute;top:50%;left:14px;transform:translateY(-50%);background:#141b2d;padding:0 4px;color:#757575;font-size:16px;pointer-events:none;transition:all .2s ease}.outline-input:focus+.outline-label,.outline-input:not(:placeholder-shown)+.outline-label{top:0;font-size:12px;color:#1976d2}.outline-input:disabled{background:#f5f5f5;cursor:not-allowed}