@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&display=swap");:root{--bg:#F4F3EF;--bg-card:#FFFFFF;--bg-card-hover:#F9F8F5;--border:rgba(31,30,29,0.10);--border-hover:rgba(31,30,29,0.18);--text:#1A1915;--text-secondary:#3D3929;--text-muted:#6B6F76;--primary:#C47035;--primary-hover:#A85D2A;--primary-light:rgba(196,112,53,0.07);--success:#2E7D32;--warning:#E7850E;--danger:#D32F2F;--info:#1976D2;--fb:#1877F2;--tiktok:#ff0050;--zalo:#0068FF;--crm:#2E7D32;--radius:12px;--radius-sm:8px;--radius-xs:6px;--shadow-sm:0 1px 2px rgba(0,0,0,0.03);--shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--shadow-lg:0 2px 8px rgba(0,0,0,0.06),0 1px 4px rgba(0,0,0,0.03);--font-xs:0.65rem;--font-sm:0.75rem;--font-base:0.8rem;--font-md:0.85rem;--font-lg:1rem;--font-xl:1.125rem;--font-2xl:1.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;font-size:15px;font-weight:430;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{box-shadow:var(--shadow);border-color:var(--border-hover)}.card-health-green{border-left:3px solid var(--success)}.card-health-yellow{border-left:3px solid var(--warning)}.card-health-red{border-left:3px solid var(--danger)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;font-size:.85rem;border:none;cursor:pointer;transition:background .12s ease,transform .1s ease,border-color .12s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{background:var(--text-secondary)}.btn-outline{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:rgba(34,197,94,.1);color:#16a34a}.badge-warning{background:rgba(245,158,11,.1);color:#d97706}.badge-danger{background:rgba(239,68,68,.1);color:#dc2626}.badge-info{background:rgba(99,102,241,.1);color:var(--primary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.kpi-card h3{font-size:.7rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.375rem}.kpi-card .value{font-size:1.65rem;font-weight:700;letter-spacing:-.025em;color:var(--text)}.kpi-card .trend{font-size:.8rem;margin-top:.25rem}.trend-up{color:#16a34a}.trend-down{color:#dc2626}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-card);border-right:1px solid var(--border);padding:1.5rem 1rem;display:flex;flex-direction:column;z-index:100;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed{width:68px;padding:1.5rem .5rem}.sidebar-user-card{display:flex;align-items:center;gap:.65rem;padding:.7rem .75rem;margin:.5rem .25rem 0;background:linear-gradient(135deg,#1f2937,#374151);border:1px solid rgba(75,85,99,.4);border-radius:var(--radius);transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;overflow:hidden;color:#f3f4f6;position:relative}.sidebar-user-avatar{width:38px;height:38px;min-width:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:.95rem;box-shadow:0 2px 6px rgba(0,0,0,.25)}.sidebar-user-info{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden}.sidebar-user-info>div:first-child{color:#e0e7ff}.sidebar-logout-icon{background:none;border:none;cursor:pointer;color:rgba(243,244,246,.5);padding:.35rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease;flex-shrink:0}.sidebar-logout-icon:hover{color:#fca5a5;background:rgba(239,68,68,.15)}.sidebar.collapsed .sidebar-user-card{justify-content:center;padding:.5rem;margin:.5rem 0 0}.sidebar.collapsed .sidebar-logout-icon,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);padding:.5rem .75rem;margin:0 .25rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;transition:background .12s ease,border-color .12s ease;width:calc(100% - .5rem)}.sidebar-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text)}.sidebar-toggle-label{white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:.5rem;width:auto;margin:0 auto .75rem}.sidebar.collapsed .sidebar-toggle-label{display:none}.sidebar-company-select{padding:0 .25rem;margin-bottom:1rem}.sidebar.collapsed .sidebar-company-select{display:none}.sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s ease,background-color .15s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:.625rem}.sidebar.collapsed .sidebar-nav a span{display:none}.sidebar-nav a:hover{background:rgba(31,30,29,.04);color:var(--text)}.sidebar-nav a.active{background:rgba(31,30,29,.07);color:var(--text);font-weight:600}.main-content{margin-left:260px;padding:2rem;min-height:100vh;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed-main{margin-left:68px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:1.35rem;font-weight:650;color:var(--text);letter-spacing:-.02em}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow)}.login-card h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.login-card p{color:var(--text-muted);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.625rem .875rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;outline:none;transition:border-color .15s}.form-group input:focus-visible,.form-group select:focus-visible{border-color:var(--text);box-shadow:0 0 0 2px rgba(26,25,21,.08)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.table th{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;background:var(--bg-card-hover)}.table tr:hover td{background:rgba(31,30,29,.02)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.dp-container{position:relative;display:inline-block}.dp-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.8rem;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:115px;text-align:left;outline:none}.dp-trigger:hover{border-color:var(--border-hover)}.dp-trigger-active{border-color:var(--text);box-shadow:0 0 0 2px rgba(26,25,21,.08)}.dp-trigger-compact{padding:.25rem .4rem;background:transparent;border:none;font-size:.75rem;min-width:90px;gap:.25rem}.dp-trigger-compact:hover{background:rgba(31,30,29,.04);border-radius:var(--radius-xs)}.dp-trigger-compact.dp-trigger-active{box-shadow:none;background:rgba(31,30,29,.06)}.dp-value{font-weight:500}.dp-chevron,.dp-placeholder{color:var(--text-muted)}.dp-chevron{flex-shrink:0;transition:transform .15s}.dp-trigger-active .dp-chevron{transform:rotate(180deg)}.dp-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:300;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.75rem;width:260px;animation:dpSlideDown .15s ease}@keyframes dpSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:0 .15rem}.dp-month-label{font-size:.8rem;font-weight:600;color:var(--text)}.dp-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:var(--radius-xs);cursor:pointer;color:var(--text-muted);transition:background .12s,color .12s}.dp-nav:hover{background:rgba(31,30,29,.06);color:var(--text)}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:1px;gap:1px}.dp-day-headers{margin-bottom:.25rem}.dp-day-header{text-align:center;font-size:.65rem;font-weight:600;color:var(--text-muted);padding:.2rem 0;text-transform:uppercase;letter-spacing:.04em}.dp-day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto;border-radius:var(--radius-xs);font-size:.75rem;border:none;background:none;cursor:pointer;color:var(--text);transition:background .1s,color .1s;font-family:inherit}.dp-day:hover:not(.dp-day-outside){background:rgba(31,30,29,.06)}.dp-day-outside{color:var(--border-hover);cursor:default;pointer-events:none}.dp-day-today{font-weight:700;color:var(--primary)}.dp-day-selected{background:var(--text)!important;color:white!important;font-weight:600}.dp-footer{display:flex;gap:.35rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.dp-clear-btn,.dp-today-btn{flex:1 1;padding:.35rem .5rem;font-size:.72rem;font-weight:500;font-family:inherit;border-radius:var(--radius-xs);cursor:pointer;transition:background .12s;border:none}.dp-today-btn{background:var(--bg);color:var(--text)}.dp-today-btn:hover{background:rgba(31,30,29,.08)}.dp-clear-btn{background:none;color:var(--text-muted)}.dp-clear-btn:hover{color:var(--danger);background:rgba(211,47,47,.05)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-label{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-card .value,.table td,.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.skip-link{position:absolute;top:-100%;left:0;padding:.5rem 1rem;background:var(--primary);color:white;z-index:9999;font-weight:600;border-radius:0 0 var(--radius-sm) 0;transition:top .2s}.skip-link:focus-visible{top:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}