@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--font-primary: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--accent-orange: #ff5722;--accent-orange-hover: #ea580c;--accent-orange-light: #ff7043;--accent-orange-soft: rgba(255, 87, 34, .12);--accent-orange-border: rgba(255, 87, 34, .3);--bg-primary: #0b0f19;--bg-surface: #131b2a;--bg-surface-hover: #1e293b;--bg-card: rgba(19, 27, 42, .85);--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .18);--text-main: #ffffff;--text-muted: #94a3b8;--text-dim: #64748b;--glow-orange: rgba(255, 87, 34, .2)}.home-intro-card{background:linear-gradient(135deg,#131b2af2,#0d131ffa);border:1px solid rgba(255,87,34,.3);box-shadow:0 20px 50px #0009;color:#fff}[data-theme=light]{--accent-orange: #ff5722;--accent-orange-hover: #ea580c;--accent-orange-light: #ff7043;--accent-orange-soft: rgba(255, 87, 34, .08);--accent-orange-border: rgba(255, 87, 34, .25);--bg-primary: #f9fafb;--bg-surface: #ffffff;--bg-surface-hover: #f3f4f6;--bg-card: #ffffff;--border-color: #e5e7eb;--border-color-hover: #d1d5db;--text-main: #111827;--text-muted: #374151;--text-dim: #6b7280;--glow-orange: rgba(255, 87, 34, .15)}[data-theme=light] body{background-color:#f9fafb;color:#111827}[data-theme=light] header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 4px 20px #11182708!important}[data-theme=light] aside{background-color:#fff!important;border-right:1px solid #e5e7eb!important;box-shadow:4px 0 20px #11182705!important}[data-theme=light] .glass-panel{background-color:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 30px -5px #1118270a,0 4px 6px -2px #11182705!important}[data-theme=light] .home-intro-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 20px 40px -15px #1118270f,0 0 0 1px #e5e7ebcc!important;color:#111827!important}[data-theme=light] .home-intro-card h1{color:#111827!important}[data-theme=light] .home-intro-card h2{color:#ff5722!important}[data-theme=light] .home-intro-card div[style*=borderTop]{border-top-color:#e5e7eb!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#111827!important}[data-theme=light] p,[data-theme=light] strong{color:#1f2937}[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color: #ffffff"],[data-theme=light] [style*="color: #f9fafb"],[data-theme=light] [style*="color: #f3f4f6"],[data-theme=light] [style*="color: #e5e7eb"],[data-theme=light] [style*="color: #cbd5e1"],[data-theme=light] [style*="color: #d1d5db"]{color:#1f2937!important}[data-theme=light] [style*="color: var(--text-muted)"],[data-theme=light] [style*="color: #94a3b8"]{color:#374151!important}[data-theme=light] input,[data-theme=light] select{background-color:#f9fafb!important;color:#111827!important;border:1px solid #d1d5db!important}[data-theme=light] input::placeholder{color:#6b7280!important}[data-theme=light] table{color:#111827!important}[data-theme=light] th{background-color:#f3f4f6!important;color:#111827!important;border-bottom:2px solid #e5e7eb!important}[data-theme=light] td{color:#374151!important;border-bottom:1px solid #e5e7eb!important}[data-theme=light] tr:nth-child(2n){background-color:#f9fafb!important}[data-theme=light] nav button{color:#374151!important}[data-theme=light] nav button span[style*="backgroundColor: 'rgba(255,255,255,0.08)'"],[data-theme=light] nav button span[style*="backgroundColor: 'rgba(255,255,255,0.06)'"]{background-color:#e5e7eb!important;color:#111827!important}[data-theme=light] nav button[style*="borderLeft: 4px solid #ff5722"]{background-color:#ff572214!important;color:#ff5722!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif!important}body{background-color:var(--bg-primary);color:var(--text-main);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif!important;min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}button{font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-pending{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-approved{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-rejected{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.dot-pulse{width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:pulse 1.5s infinite ease-in-out}.sidebar-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-btn:hover{background-color:#ff57222e!important;color:#ff7043!important}.sidebar-btn:hover svg{color:#ff7043!important}.sidebar-sub-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-sub-btn:hover{background-color:#38bdf833!important;color:#38bdf8!important}.sidebar-sub-btn:hover svg{color:#38bdf8!important}.mobile-only{display:none!important}.desktop-only,.force-mobile-mode .mobile-only{display:flex!important}.table-responsive-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.mobile-bottom-nav{display:none}.app-main-layout.force-mobile-mode{flex-direction:column!important;min-height:100vh;max-width:440px!important;margin:0 auto!important;border-left:1px solid rgba(56,189,248,.3)!important;border-right:1px solid rgba(56,189,248,.3)!important;box-shadow:0 0 60px #000000e6!important;position:relative!important}@media (max-width: 768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.app-main-layout{flex-direction:column!important;min-height:100vh}.mobile-header-bar{display:flex!important;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#0d1017;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:45;width:100%}[data-theme=light] .mobile-header-bar{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important}.sidebar-drawer{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;z-index:100!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:10px 0 30px #000c!important;width:280px!important}.sidebar-drawer.is-open{transform:translate(0)!important}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:95;animation:fadeIn .2s ease-out}.main-content-area{padding-bottom:84px!important}.main-content-area main{padding:8px 6px!important}.hide-on-mobile{display:none!important}.mobile-bottom-header-bar{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:66px!important;background:linear-gradient(180deg,#0f172af0,#0b0f19fa)!important;border-top:1px solid rgba(56,189,248,.35)!important;z-index:90!important;padding:6px 12px!important;justify-content:space-around!important;align-items:center!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 -10px 32px #000c,inset 0 1px #ffffff1a!important}.mobile-bottom-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:1px solid transparent!important;outline:none!important;color:#64748b!important;font-size:.66rem!important;font-weight:700!important;flex:1!important;padding:6px 4px!important;border-radius:14px!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;box-shadow:none!important}.mobile-bottom-nav-item span{color:inherit!important;font-size:.66rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.01em!important}.mobile-bottom-nav-item svg{color:inherit!important;transition:all .22s ease!important}.mobile-bottom-nav-item.active{color:#38bdf8!important;background:linear-gradient(135deg,#0284c747,#38bdf81f)!important;border:1px solid rgba(56,189,248,.45)!important;box-shadow:0 4px 14px #0284c759,inset 0 1px #ffffff26!important}.mobile-bottom-nav-item.active span{color:#38bdf8!important;font-weight:800!important}.mobile-bottom-nav-item.active svg{color:#38bdf8!important;transform:translateY(-2px) scale(1.1)!important;filter:drop-shadow(0 2px 8px rgba(56,189,248,.6))!important}.calendar-banner-header{padding:14px 8px!important;border-radius:16px!important;gap:12px!important;text-align:center!important;align-items:center!important;justify-content:center!important}.calendar-banner-header h1{font-size:1.7rem!important;font-weight:900!important;letter-spacing:.02em!important;text-align:center!important}.calendar-kpi-row{width:100%!important;display:flex!important;flex-direction:row!important;gap:6px!important;align-items:stretch!important}.calendar-kpi-box{flex:1 1 0%!important;min-width:0!important;width:auto!important;padding:10px 4px!important;border-radius:12px!important}.calendar-kpi-box span:first-child{font-size:1.3rem!important}.calendar-kpi-box span:last-child{font-size:.58rem!important;letter-spacing:0!important;white-space:nowrap!important}.calendar-filter-container{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important}.calendar-filter-box{flex:1 1 0%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important}.discussion-event-item{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.date-node-container{width:100%!important;justify-content:flex-start!important}.date-node-container .date-box-inner{width:100%!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:16px!important;padding:8px 48px!important;border-radius:14px!important;background:linear-gradient(135deg,#0284c7,#0369a1)!important;border:1px solid #38bdf8!important;box-shadow:none!important;position:relative!important}.date-arrow-btn{width:32px!important;height:32px!important;font-size:.95rem!important;box-shadow:none!important}.date-arrow-left{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important}.date-arrow-right{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important}.date-day-name{flex:1 1 0%!important;text-align:right!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}.date-month-name{flex:1 1 0%!important;text-align:left!important;display:flex!important;justify-content:flex-start!important;align-items:center!important}.date-number-box{flex:0 0 auto!important;margin:0 6px!important}.date-node-container .date-box-inner>span{font-size:.92rem!important;font-weight:900!important}.date-node-container .date-box-spacer,.date-node-container .connector-line,.date-node-container .connector-dot,.connector-vertical-line,.date-node-spacer-container{display:none!important}.discussion-event-item{flex-direction:column!important;gap:24px!important;position:relative!important;margin-bottom:0!important}.mobile-node-dot{display:block!important;position:absolute!important;width:10px!important;height:10px!important;border-radius:50%!important;background-color:#fff!important;border:2px solid #38bdf8!important;box-shadow:0 0 12px #38bdf8!important;z-index:50!important}.mobile-solid-connect-line{display:block!important;position:absolute!important;top:-24px!important;height:24px!important;width:2px!important;background-color:#38bdf8!important;box-shadow:0 0 8px #38bdf8!important;z-index:1!important}.discussion-card-inner{flex-direction:column!important;gap:10px!important;width:100%!important;padding:8px 6px!important;border-radius:14px!important}.discussion-card-box{flex:1 1 100%!important;width:100%!important;padding:10px 8px!important;border-radius:12px!important}.responsive-grid-1col{grid-template-columns:1fr!important}.zalo-chat-modal-overlay{padding:0!important}.zalo-chat-modal-container{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;border:none!important}.zalo-chat-left-col,.zalo-chat-col-list.mobile-hidden,.zalo-chat-col-room.mobile-hidden{display:none!important}.zalo-chat-col-list,.zalo-chat-col-room{width:100%!important;flex:1!important}.responsive-modal{width:95%!important;max-width:95%!important;margin:10px!important;max-height:90vh!important;overflow-y:auto!important}}.force-mobile-mode .mobile-only{display:flex!important}.force-mobile-mode .desktop-only{display:none!important}.force-mobile-mode .mobile-header-bar{display:flex!important;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#0d1017;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:45;width:100%}.force-mobile-mode .sidebar-drawer{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;z-index:100!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:10px 0 30px #000c!important;width:280px!important}.force-mobile-mode .sidebar-drawer.is-open{transform:translate(0)!important}.force-mobile-mode .mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:95;animation:fadeIn .2s ease-out}.force-mobile-mode .main-content-area{padding-bottom:84px!important}.force-mobile-mode .main-content-area main{padding:8px 6px!important}.force-mobile-mode .hide-on-mobile{display:none!important}.force-mobile-mode .mobile-bottom-header-bar{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:66px!important;background:linear-gradient(180deg,#0f172af0,#0b0f19fa)!important;border-top:1px solid rgba(56,189,248,.35)!important;z-index:90!important;padding:6px 12px!important;justify-content:space-around!important;align-items:center!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 -10px 32px #000c,inset 0 1px #ffffff1a!important;max-width:440px!important;margin:0 auto!important}.force-mobile-mode .mobile-bottom-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:1px solid transparent!important;outline:none!important;color:#64748b!important;font-size:.66rem!important;font-weight:700!important;flex:1!important;padding:6px 4px!important;border-radius:14px!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;box-shadow:none!important;position:relative!important}.force-mobile-mode .mobile-bottom-nav-item span{color:inherit!important;font-size:.66rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.01em!important}.force-mobile-mode .mobile-bottom-nav-item svg{color:inherit!important;transition:all .22s ease!important}.force-mobile-mode .mobile-bottom-nav-item.active{color:#38bdf8!important;background:linear-gradient(135deg,#0284c747,#38bdf81f)!important;border:1px solid rgba(56,189,248,.45)!important;box-shadow:0 4px 14px #0284c759,inset 0 1px #ffffff26!important}.force-mobile-mode .mobile-bottom-nav-item.active span{color:#38bdf8!important;font-weight:800!important}.force-mobile-mode .mobile-bottom-nav-item.active svg{color:#38bdf8!important;transform:translateY(-2px) scale(1.1)!important;filter:drop-shadow(0 2px 8px rgba(56,189,248,.6))!important}.force-mobile-mode .calendar-banner-header{padding:16px 14px!important;border-radius:18px!important;gap:14px!important;text-align:center!important;align-items:center!important;justify-content:center!important}.force-mobile-mode .calendar-banner-header h1{font-size:1.35rem!important;letter-spacing:-.01em!important;text-align:center!important}.force-mobile-mode .calendar-kpi-row{width:100%!important;display:flex!important;flex-direction:row!important;gap:6px!important;align-items:stretch!important}.force-mobile-mode .calendar-kpi-box{flex:1 1 0%!important;min-width:0!important;width:auto!important;padding:10px 4px!important;border-radius:12px!important}.force-mobile-mode .calendar-kpi-box span:first-child{font-size:1.3rem!important}.force-mobile-mode .calendar-kpi-box span:last-child{font-size:.58rem!important;letter-spacing:0!important;white-space:nowrap!important}.force-mobile-mode .calendar-filter-container{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important}.force-mobile-mode .calendar-filter-box{flex:1 1 0%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important}.force-mobile-mode .discussion-event-item{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.force-mobile-mode .date-node-container{width:100%!important;justify-content:flex-start!important}.force-mobile-mode .date-node-container .date-box-inner{width:100%!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:16px!important;padding:8px 48px!important;border-radius:14px!important;background:linear-gradient(135deg,#0284c7,#0369a1)!important;border:1px solid #38bdf8!important;box-shadow:none!important;position:relative!important}.force-mobile-mode .date-node-container .date-box-inner>span{font-size:.92rem!important;font-weight:900!important}.force-mobile-mode .date-day-name{flex:1 1 0%!important;text-align:right!important;display:flex!important;justify-content:flex-end!important;align-items:center!important}.force-mobile-mode .date-month-name{flex:1 1 0%!important;text-align:left!important;display:flex!important;justify-content:flex-start!important;align-items:center!important}.force-mobile-mode .date-number-box{flex:0 0 auto!important;margin:0 6px!important}.force-mobile-mode .date-node-container .date-box-spacer,.force-mobile-mode .date-node-container .connector-line,.force-mobile-mode .date-node-container .connector-dot,.force-mobile-mode .connector-vertical-line,.force-mobile-mode .date-node-spacer-container{display:none!important}.force-mobile-mode .discussion-event-item{flex-direction:column!important;gap:24px!important;position:relative!important;margin-bottom:0!important}.force-mobile-mode .mobile-node-dot{display:block!important;position:absolute!important;width:10px!important;height:10px!important;border-radius:50%!important;background-color:#fff!important;border:2px solid #38bdf8!important;box-shadow:0 0 12px #38bdf8!important;z-index:50!important}.force-mobile-mode .mobile-solid-connect-line{display:block!important;position:absolute!important;top:-24px!important;height:24px!important;width:2px!important;background-color:#38bdf8!important;box-shadow:0 0 8px #38bdf8!important;z-index:1!important}.force-mobile-mode .discussion-card-inner{flex-direction:column!important;gap:10px!important;width:100%!important;padding:8px 6px!important;border-radius:14px!important}.force-mobile-mode .discussion-card-box{flex:1 1 100%!important;width:100%!important;padding:10px 8px!important;border-radius:12px!important}.force-mobile-mode .responsive-grid-1col{grid-template-columns:1fr!important}.force-mobile-mode .responsive-modal{width:95%!important;max-width:95%!important;margin:10px!important;max-height:90vh!important;overflow-y:auto!important}.force-mobile-mode .zalo-chat-modal-overlay{padding:0!important}.force-mobile-mode .zalo-chat-modal-container{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;border:none!important}.force-mobile-mode .zalo-chat-left-col,.force-mobile-mode .zalo-chat-col-list.mobile-hidden,.force-mobile-mode .zalo-chat-col-room.mobile-hidden{display:none!important}.force-mobile-mode .zalo-chat-col-list,.force-mobile-mode .zalo-chat-col-room{width:100%!important;flex:1!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}