@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--color-primary:gold;--color-primary-hover:#e6c200;--color-primary-rgb:255, 215, 0;--color-bg-base:#0e0f11;--color-bg-sidebar:#141517;--color-bg-card:#1a1d21;--color-bg-card-hover:#22252a;--color-bg-elevated:#282b30;--color-bg-input:#141517;--color-text-main:#e8e9ea;--color-text-secondary:#9ba1a6;--color-text-tertiary:#687076;--color-border:#2b2f36;--color-border-hover:#3e444d;--color-success:#23c16b;--color-success-bg:#23c16b26;--color-error:#ff5a5f;--color-error-bg:#ff5a5f26;--color-warning:#ffab00;--color-warning-bg:#ffab0026;--color-info:#3e82f7;--color-info-bg:#3e82f726;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 24px #0006;--shadow-xl:0 24px 48px #00000080;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;outline:none!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}h1,h2,h3,h4,h5,h6,th,button,label,strong,b,.btn-primary,.btn-secondary,.sidebar-container span,.card-enterprise h3,.modal-header h2,.tab-active{letter-spacing:-.01em;font-family:Plus Jakarta Sans,sans-serif!important}body{color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#08090a;background-image:radial-gradient(circle at 50% -20%,#ffd70014 0%,#0000 50%),radial-gradient(circle at 100% 80%,#ffd70008 0%,#0000 40%);background-attachment:fixed;height:100vh;font-size:14px;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border:2px solid var(--color-bg-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::-webkit-scrollbar-corner{background:0 0}.recharts-wrapper,.recharts-surface{border:none!important;outline:none!important}.app-shell{width:100vw;height:100vh;display:flex}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.scroll-container{background-color:#0000;flex:1;overflow:hidden auto}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:32px 40px}.card-enterprise{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.card-enterprise:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.kanban-column{background-color:var(--color-bg-sidebar);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex}.table-enterprise{border-collapse:separate;border-spacing:0;width:100%}.table-enterprise th{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px;padding:12px 16px;font-size:12px;font-weight:700}.table-enterprise td{border-bottom:1px solid var(--color-border);transition:var(--transition-fast);padding:16px}.table-enterprise tr:last-child td{border-bottom:none}.table-enterprise tr:hover td{background-color:#ffffff05}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.input-enterprise{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);transition:var(--transition-fast);width:100%;padding:10px 14px;font-size:14px}.input-enterprise:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .2);outline:none}.btn-primary{background-color:var(--color-primary);color:#000;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .3);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--color-border-hover)}.avatar-group{align-items:center;display:flex}.avatar{color:#000;border:2px solid var(--color-bg-card);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:700;transition:transform .2s,z-index;display:flex;position:relative}.avatar:first-child{margin-left:0}.avatar:hover{z-index:10;transform:translateY(-2px)scale(1.1)}@media (width<=767px){body{font-size:13px}.page-content{padding:16px 20px}.hide-on-mobile{display:none!important}.sidebar-container{z-index:1000;position:absolute;left:-260px;width:0!important}.sidebar-open{left:0;width:260px!important}}@media (width>=768px) and (width<=1023px){.page-content{padding:24px}.sidebar-container{width:80px!important}.sidebar-container span,.sidebar-container .logo-text{display:none}}@media (width>=1024px) and (width<=1279px){.page-content{padding:24px 32px}.sidebar-container{width:220px!important}}@media (width>=1280px) and (width<=1439px){.page-content{padding:24px 40px}.sidebar-container{width:240px!important}}@media (width>=1440px) and (width<=1919px){.page-content{max-width:1600px;padding:32px 40px}}@media (width>=1920px){.page-content{max-width:1800px;padding:40px 60px}}.responsive-grid{gap:20px;width:100%;display:grid}@media (width<=767px){.responsive-grid{grid-template-columns:1fr}}@media (width>=768px) and (width<=1199px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px) and (width<=1599px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1600px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.flex-wrap-md{flex-wrap:wrap;gap:16px;display:flex}@media (width<=1024px){.flex-wrap-md>*{flex:1;min-width:280px}}@media (height<=800px){.modal-content{max-height:90vh;overflow-y:auto}}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.activity-item:hover{background-color:#ffffff08}@media (width>=1025px){.search-input:focus{box-shadow:0 0 20px #ffd7001a;border-color:var(--color-primary)!important;width:400px!important}}.responsive-grid{gap:24px;display:grid}.responsive-padding{padding:40px}.table-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;width:100%;overflow-x:auto}@media (width<=1280px){.responsive-padding{padding:32px}}@media (width<=1024px){.hide-mobile{display:none!important}.responsive-padding{padding:24px}.responsive-grid{gap:16px}h1{font-size:28px!important}h2{font-size:22px!important}}@media (width<=768px){.responsive-padding{padding:16px}.hide-tablet{display:none!important}}@media (width>=1025px){.hide-desktop{display:none!important}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}
