body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background:#f5f7fb}*{padding:0;margin:0}:root{--primary-color:#3498db;--sidebar-color:#2c3e50;--header-text:#ffffff}.theme-blue{--primary-color:#3498db}.theme-green{--primary-color:#27ae60}.theme-purple{--primary-color:#9b59b6}.theme-orange{--primary-color:#f39c12}.module-container{padding:20px}.sidebar.collapsed img.arrow{display:none}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:72px}.create-btn{background:#4f46e5;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:po;font-weight:500}.create-btn:hover{background:#4338ca}.module-table{width:100%;border-collapse:collapse;background:#fff}.module-table th,.module-table td{padding:12px;border-bottom:1px solid #eee;font-family:Inter;font-weight:400;font-size:15px;line-height:24px;color:#475569}.module-table th{padding:12px;border-bottom:1px solid #eee;text-align:left;background:#f9fafb;font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:14px;line-height:21px;color:#475569}.container-wrapper{padding:12px 20px 80px}.page-title-row{display:block!important}.pagehead{display:flex;justify-content:space-between}.pagehead h2{font-family:Inter;font-weight:600;font-size:28px;line-height:32px;color:#0f172a}.pagehead h2 span{font-family:Inter;font-weight:400;font-size:14px;line-height:20px;color:#94a3b8;display:block}.pagehead ul{display:flex;gap:5px}.pagehead ul li{padding:0 20px;background:#fff;border-radius:30px;font-family:Inter;font-weight:500;font-size:14px;line-height:40px;color:#475569;list-style-type:none;border:1px solid #E6EAF2;min-width:70px;text-align:center;flex-shrink:0;height:40px}.pagehead ul li:hover,.pagehead ul li.active{background:#1a6bf4;color:#fff;border:1px solid #1A6BF4}.pagehead ul li a{text-decoration:none;color:inherit;display:block}.pagehead ul li img{width:16px;height:16px;vertical-align:middle;margin-right:3px;margin-top:-2px}.pagehead ul li:hover img,.pagehead ul li.active img{filter:invert(100%) sepia(100%) grayscale(100%) brightness(200%)}.createtaskbtn{display:flex;gap:12px;align-items:center}.btn-download,.btn-create{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;height:44px;box-sizing:border-box}.btn-download{background:transparent;color:#1a6bf4;border:1px solid #1A6BF4}.btn-download:hover{background:#1a6bf40d}.btn-create{background:#1a6bf4;color:#fff;border:none}.btn-create:hover{background:#1557c0}.btn-download svg,.btn-create svg{width:20px;height:20px}.select-wrapper,.filter-dropdown{position:relative;display:flex;align-items:center;width:100%}.select-wrapper select,.filter-dropdown select{width:100%;padding:12px 40px 12px 16px;border:1px solid #dbe1e8;border-radius:12px;background:#fff;font-size:14px;color:#1e293b;appearance:none;cursor:pointer;outline:none;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.select-wrapper select:hover,.filter-dropdown select:hover{border-color:#cbd5e1;background:#f8fafc}.select-wrapper select:focus,.filter-dropdown select:focus{border-color:#1a6bf4;box-shadow:0 0 0 4px #1a6bf41a;background:#fff}.select-wrapper:after,.filter-dropdown:after{content:"";position:absolute;right:18px;top:50%;width:10px;height:6px;background-color:#94a3b8;clip-path:polygon(100% 0%,0% 0%,50% 100%);transform:translateY(-50%);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.select-wrapper:focus-within:after,.filter-dropdown:focus-within:after{transform:translateY(-50%) rotate(180deg);background-color:#1a6bf4}