@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');body{font-family:"Roboto","Verdana","Arial",sans-serif !important;background-color:#f3f5f9 !important;color:#000000 !important;}:root{--primary-gradient:linear-gradient(135deg,#3f51b5 0%,#1a237e 100%);--accent-color:#009688;--bql-color:#e53e3e;--cudan-color:#3182ce;--tech-color:#38a169;--card-shadow:0 4px 20px rgba(0,0,0,0.04);--card-hover-shadow:0 10px 30px rgba(63,81,181,0.08);}.iq-sidebar{background:#ffffff !important;box-shadow:2px 0 20px rgba(0,0,0,0.02) !important;border-right:1px solid #edf2f7;}.iq-sidebar-menu .iq-menu li a{color:#000000 !important;border-radius:12px;margin:4px 15px;padding:12px 15px !important;transition:all 0.3s ease;font-weight:500;}.iq-sidebar-menu .iq-menu li.active a,.iq-sidebar-menu .iq-menu li a:hover{background:rgba(63,81,181,0.06) !important;color:#3f51b5 !important;font-weight:600;}.iq-sidebar-menu .iq-menu li.active a i,.iq-sidebar-menu .iq-menu li a:hover i{color:#3f51b5 !important;}.card{border-radius:16px !important;border:1px solid rgba(255,255,255,0.8) !important;box-shadow:var(--card-shadow) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(10px);}.card:hover{box-shadow:var(--card-hover-shadow) !important;transform:translateY(-2px);}.card-header{background:transparent !important;border-bottom:1px solid #edf2f7 !important;padding:18px 24px !important;}.card-title{font-size:1.1rem !important;font-weight:700 !important;color:#000000 !important;letter-spacing:-0.02em;}.iq-top-navbar{background:rgba(255,255,255,0.85) !important;backdrop-filter:blur(12px);border-bottom:1px solid #edf2f7;box-shadow:0 2px 10px rgba(0,0,0,0.02) !important;}.iq-navbar-logo span{font-weight:800 !important;letter-spacing:-0.03em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.badge-role{font-size:0.7rem !important;font-weight:700 !important;text-transform:uppercase;padding:4px 8px !important;border-radius:6px !important;letter-spacing:0.05em;display:inline-flex;align-items:center;gap:4px;margin-left:8px;}.badge-bql{background-color:rgba(229,62,98,0.1) !important;color:var(--bql-color) !important;border:1px solid rgba(229,62,98,0.2);}.badge-cudan{background-color:rgba(49,130,206,0.1) !important;color:var(--cudan-color) !important;border:1px solid rgba(49,130,206,0.2);}.badge-tech{background-color:rgba(56,161,105,0.1) !important;color:var(--tech-color) !important;border:1px solid rgba(56,161,105,0.2);}.user-post-data h5{font-weight:700 !important;color:#000000 !important;}.user-post-data p{font-size:0.85rem !important;color:#000000 !important;}.post-content-inner{font-size:0.875rem !important;line-height:1.625 !important;}.post-text input{background-color:#f7fafc !important;border:1px solid #e2e8f0 !important;padding:12px 20px !important;border-radius:12px !important;font-size:0.95rem;transition:all 0.2s ease;}.post-text input:focus{background-color:#ffffff !important;border-color:#3f51b5 !important;box-shadow:0 0 0 3px rgba(63,81,181,0.15) !important;}.hotline-item{padding:12px 16px;border-radius:12px;background:#f7fafc;border:1px solid #edf2f7;margin-bottom:10px;transition:all 0.2s ease;display:flex;justify-content:space-between;align-items:center;}.hotline-item:hover{background:#fff;border-color:rgba(63,81,181,0.2);transform:translateX(3px);}.hotline-info h6{margin:0;font-weight:700;color:#000000;}.hotline-info span{font-size:0.75rem;color:#000000;}.hotline-phone{font-weight:800;color:#3f51b5;background:rgba(63,81,181,0.08);padding:6px 12px;border-radius:8px;font-size:0.9rem;text-decoration:none;transition:all 0.2s ease;}.hotline-phone:hover{background:#3f51b5;color:#fff !important;}.utility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}.utility-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:12px;background:#f7fafc;border:1px solid #edf2f7;text-align:center;transition:all 0.3s ease;cursor:pointer;text-decoration:none;}.utility-item:hover{background:#fff;border-color:#3f51b5;box-shadow:0 4px 15px rgba(63,81,181,0.05);transform:translateY(-2px);}.utility-icon{font-size:1.8rem;margin-bottom:8px;transition:transform 0.3s ease;}.utility-item:hover .utility-icon{transform:scale(1.15);}.utility-name{font-size:0.85rem;font-weight:700;color:#000000;}.user-post img{border-radius:12px !important;object-fit:cover;}.post-comments li{background:#f7fafc;padding:12px;border-radius:12px;margin-bottom:8px !important;border:1px solid #edf2f7;}.comment-data-block h6{font-weight:700 !important;margin-bottom:2px !important;}.comment-data-block p{color:#000000 !important;font-size:0.9rem !important;}.comment-activity a{font-size:0.75rem !important;color:#111111 !important;font-weight:600 !important;text-transform:capitalize;}.comment-activity a:hover{color:#3f51b5 !important;}.alertify-notifier{z-index:99999 !important;}.alertify-notifier.ajs-bottom.ajs-center{left:50% !important;transform:translateX(-50%) !important;right:auto !important;bottom:28px !important;}.alertify-notifier .ajs-message{position:relative;min-width:320px;max-width:480px;padding:14px 48px 14px 18px !important;border-radius:14px !important;font-size:13.5px !important;font-weight:600 !important;font-family:'Inter','Segoe UI',sans-serif !important;line-height:1.5 !important;box-shadow:0 8px 32px rgba(0,0,0,0.18),0 2px 8px rgba(0,0,0,0.10) !important;border:none !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;animation:alertify-slide-up 0.3s cubic-bezier(.22,1,.36,1) !important;display:flex !important;align-items:center !important;gap:10px !important;cursor:default !important;margin-bottom:8px !important;}@keyframes alertify-slide-up{from{opacity:0;transform:translateY(18px) scale(0.97);}to{opacity:1;transform:translateY(0) scale(1);}}.alertify-notifier .ajs-message.ajs-success{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%) !important;color:#065f46 !important;border-left:4px solid #10b981 !important;}.alertify-notifier .ajs-message.ajs-success::before{content:"✅" !important;font-size:18px !important;flex-shrink:0 !important;}.alertify-notifier .ajs-message.ajs-error{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%) !important;color:#9f1239 !important;border-left:4px solid #f43f5e !important;}.alertify-notifier .ajs-message.ajs-error::before{content:"❌" !important;font-size:18px !important;flex-shrink:0 !important;}.alertify-notifier .ajs-message.ajs-warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%) !important;color:#92400e !important;border-left:4px solid #f59e0b !important;}.alertify-notifier .ajs-message.ajs-warning::before{content:"� ️" !important;font-size:18px !important;flex-shrink:0 !important;}.alertify-notifier .ajs-message .ajs-close{position:absolute !important;top:50% !important;right:12px !important;transform:translateY(-50%) !important;width:22px !important;height:22px !important;border-radius:50% !important;background:rgba(0,0,0,0.10) !important;color:currentColor !important;font-size:13px !important;font-weight:900 !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;border:none !important;opacity:0.7 !important;transition:opacity 0.15s,background 0.15s !important;line-height:1 !important;}.alertify-notifier .ajs-message .ajs-close:hover{opacity:1 !important;background:rgba(0,0,0,0.20) !important;}.alertify-notifier .ajs-message.ajs-with-anim .ajs-close-progress{height:3px !important;border-radius:0 0 14px 14px !important;position:absolute !important;bottom:0 !important;left:0 !important;background:rgba(0,0,0,0.15) !important;}.shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer-animation 1.5s infinite linear;}@keyframes shimmer-animation{0%{background-position:200% 0;}100%{background-position:-200% 0;}}