@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f6fb;font-family:Inter,sans-serif}.dashboard-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar-icons{background-color:#fff;border-right:1px solid #eef0f5;flex-direction:column;align-items:center;width:80px;padding-top:20px;display:flex}.icon-item{cursor:pointer;color:#8c98a4;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:11px;transition:all .2s;display:flex}.icon-item:hover{background-color:#f4f6fb}.icon-item.active{color:#2962ff;background-color:#eef2ff}.icon-item svg{margin-bottom:4px}.sidebar-menu{background-color:#fff;border-right:1px solid #eef0f5;width:250px;padding:20px;overflow-y:auto}.sidebar-header{color:#1a202c;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#2962ff;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:25px;padding:12px;font-weight:600;transition:background .2s;display:flex}.btn-primary:hover{background-color:#1e4bbd}.menu-section{margin-bottom:20px}.menu-title{color:#8c98a4;text-transform:uppercase;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.menu-title svg{margin-right:5px}.menu-item{color:#4a5568;cursor:pointer;border-radius:6px;align-items:center;margin-bottom:5px;padding:8px 10px;font-size:14px;transition:all .2s;display:flex}.menu-item:hover{background-color:#f4f6fb}.menu-item.active{color:#2962ff;font-weight:600}.menu-item svg{width:16px;height:16px;margin-right:8px}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar{background-color:#fff;border-bottom:1px solid #eef0f5;justify-content:flex-end;align-items:center;height:60px;padding:0 30px;display:flex}.top-tabs{gap:20px;display:flex}.top-tab{color:#8c98a4;cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:8px;height:60px;font-size:14px;font-weight:600;display:flex}.top-tab.active{color:#2962ff;border-bottom:2px solid #2962ff}.board-area{flex:1;gap:20px;padding:25px;display:flex;overflow:auto}.kanban-column{background-color:#f8fafc;border:1px solid #eef0f5;border-radius:8px;flex-direction:column;width:320px;min-width:320px;height:fit-content;max-height:100%;display:flex}.column-header{background-color:#f8fafc;border-bottom:1px solid #eef0f5;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.column-title{color:#8c98a4;text-transform:uppercase;font-size:13px;font-weight:700}.column-count{color:#1a202c;margin-left:8px;font-size:13px;font-weight:700}.add-card-btn{color:#2962ff;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eef0f5;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.cards-container{flex-direction:column;gap:15px;padding:15px;display:flex;overflow-y:auto}.post-card{cursor:pointer;background-color:#fff;border:1px solid #eef0f5;border-radius:8px;padding:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #00000005}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000f}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-image-container{background-color:#f8fafc;border-radius:6px;width:100%;height:120px;margin-bottom:12px;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%}.avatars{align-items:center;display:flex}.avatar{color:#2962ff;background-color:#eef2ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:-5px;font-size:10px;font-weight:700;display:flex}.card-title{color:#1a202c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{color:#8c98a4;align-items:center;gap:6px;margin-bottom:15px;font-size:12px;display:flex}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:15px;display:flex}.tag{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.tag.pink{color:#e11d48;background-color:#ffe4e6}.tag.purple{color:#9333ea;background-color:#f3e8ff}.tag.yellow{color:#ca8a04;background-color:#fef9c3}.tag.blue{color:#2563eb;background-color:#dbeafe}.tag.green{color:#16a34a;background-color:#dcfce7}.card-footer{border-top:1px solid #eef0f5;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.footer-label{color:#8c98a4;font-size:12px}.footer-value{color:#1a202c;font-size:14px;font-weight:700}