*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--navbar-height: 64px;--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px;--small-desktop-breakpoint: 1366px;--medium-desktop-breakpoint: 1440px;--large-desktop-breakpoint: 1600px;--xlarge-desktop-breakpoint: 1920px}.sidebar{transition:transform .3s ease,width .3s ease}@media (max-width: 768px){.sidebar{position:fixed!important;z-index:1000!important;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.sidebar-overlay.open{display:block}.main-content{margin-left:0!important;max-width:100%!important;padding:16px!important}.notification-bar{padding:0 16px!important}}.login-container{display:flex;min-height:100vh}.login-branding{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;position:relative;overflow:hidden}.login-form-container{width:520px;display:flex;flex-direction:column;justify-content:center;padding:60px;background:#fff}@media (max-width: 1024px){.login-branding{display:none}.login-form-container{width:100%;min-height:100vh;padding:32px 24px}}@media (max-width: 480px){.login-form-container{padding:24px 16px}.login-form-container h2{font-size:24px!important}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}@media (max-width: 1280px){.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.charts-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width: 1366px) and (max-width: 1439px){.main-content{padding:24px 32px!important}.dashboard-header h1{font-size:32px!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:20px!important}.table-container{font-size:14px}}@media (min-width: 1440px) and (max-width: 1599px){.main-content{padding:28px 36px!important}.dashboard-header h1{font-size:36px!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:22px!important}}@media (min-width: 1600px) and (max-width: 1919px){.main-content{padding:32px 40px!important}.dashboard-header h1{font-size:40px!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:24px!important}}@media (min-width: 1920px){.main-content{padding:40px 50px!important}.dashboard-header h1{font-size:44px!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:28px!important}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:24px!important}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:24px!important}.stat-card .stat-value{font-size:36px!important}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-hide-mobile{display:none!important}.table-mobile-cards{display:block!important}.table-mobile-cards tbody{display:flex;flex-direction:column;gap:12px}.table-mobile-cards tr{display:block;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.table-mobile-cards thead{display:none}.table-mobile-cards td{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.table-mobile-cards td:last-child{border-bottom:none}.table-mobile-cards td:before{content:attr(data-label);font-weight:600;color:#6b7280;margin-right:16px}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column;gap:12px}.form-actions button{width:100%}}.modal-overlay{padding:16px}.modal-content{width:100%;max-width:640px;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0;margin:0}.modal-full-mobile{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}@media (max-width: 768px){.btn-responsive{padding:12px 16px;font-size:14px}.btn-icon-mobile{padding:12px}.btn-icon-mobile span{display:none}.btn-full-mobile{width:100%}}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}@media (max-width: 768px){.card{padding:16px;border-radius:8px}}.filters-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.filters-bar{flex-direction:column;align-items:stretch}.filters-bar input,.filters-bar select{width:100%}.search-input{order:-1}}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}@media (max-width: 480px){.pagination button{min-width:36px;height:36px;padding:8px}.pagination-info{width:100%;text-align:center;order:-1;margin-bottom:8px}}.kanban-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;-webkit-overflow-scrolling:touch}.kanban-column{min-width:300px;flex-shrink:0}@media (max-width: 768px){.kanban-column{min-width:280px}}.chart-container{position:relative;width:100%}.chart-container canvas{max-width:100%}@media (max-width: 768px){.chart-container{min-height:250px}.chart-legend{flex-wrap:wrap;gap:8px;font-size:12px}}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (max-width: 1024px){.hide-tablet{display:none!important}}@media (min-width: 769px){.show-mobile-only{display:none!important}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.touch-target{min-height:44px;min-width:44px}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sidebar-transition{transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.menu-item-hover{transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-item-hover:hover{transform:translate(4px)}.page-transition{animation:fadeIn .3s ease-out,slideUp .3s ease-out}