*{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;background:var(--color-bg, #f3f5f8);color:var(--color-text, #0f172a)}: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;--brand-primary: #1a365d;--brand-primary-light: #2d4a7c;--brand-primary-dark: #0f2537;--brand-primary-hover: #2563eb;--brand-secondary: #16a34a;--brand-secondary-light: #22c55e;--brand-secondary-dark: #15803d;--color-bg: #f3f5f8;--color-surface: #ffffff;--color-elevated: #ffffff;--color-hover: #eef2f6;--color-border: #d5deea;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-input: #ffffff;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-info: #2563eb;--button-outline: #1a365d;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 32px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .1)}.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}}main.main-content>*{min-width:0;max-width:100%}main img,main video,main canvas,main iframe,main pre{max-width:100%}main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),main select,main textarea{max-width:100%}@media (max-width: 1100px){main [style*="repeat(3, 1fr)"],main [style*="repeat(3,1fr)"],main [style*="repeat(4, 1fr)"],main [style*="repeat(4,1fr)"],main [style*="repeat(7, 1fr)"],main [style*="repeat(7,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 720px){main [style*="grid-template-columns: 1fr 1fr"],main [style*="grid-template-columns:1fr 1fr"],main [style*="repeat(2, 1fr)"],main [style*="repeat(2,1fr)"],main [style*="repeat(3, 1fr)"],main [style*="repeat(3,1fr)"],main [style*="repeat(4, 1fr)"],main [style*="repeat(4,1fr)"],main [style*="repeat(7, 1fr)"],main [style*="repeat(7,1fr)"]{grid-template-columns:minmax(0,1fr)!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:var(--color-surface, #fff);color:var(--color-text, #1e293b);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border, #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:var(--color-bg, #f1f5f9);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border, #cbd5e1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted, #94a3b8)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:var(--color-input, #1a2336)!important;color:var(--color-text, #f1f5f9)!important;border-color:var(--color-border, #2d3d55)!important;color-scheme:dark}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--color-text-muted, #64748b)!important}html[data-theme=dark] option{background-color:var(--color-surface, #172033);color:var(--color-text, #f8fafc)}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] button[style*="background: white"],html[data-theme=dark] button[style*="background:white"],html[data-theme=dark] button[style*="background: #fff"],html[data-theme=dark] button[style*="background:#fff"],html[data-theme=dark] button[style*="background: #ffffff"],html[data-theme=dark] button[style*="background:#ffffff"],html[data-theme=dark] button[style*="background-color: white"],html[data-theme=dark] button[style*="background-color: rgb(255, 255, 255)"],html[data-theme=dark] button[style*="background: rgb(255, 255, 255)"],html[data-theme=dark] button[style*="background: #e5e7eb"],html[data-theme=dark] button[style*="background:#e5e7eb"],html[data-theme=dark] button[style*="background: rgb(229, 231, 235)"],html[data-theme=dark] button[style*="background-color: rgb(229, 231, 235)"],html[data-theme=dark] button[style*="background: #f3f4f6"],html[data-theme=dark] button[style*="background:#f3f4f6"],html[data-theme=dark] button[style*="background: rgb(243, 244, 246)"],html[data-theme=dark] button[style*="background: #f9fafb"],html[data-theme=dark] button[style*="background:#f9fafb"],html[data-theme=dark] button[style*="background: rgb(249, 250, 251)"],html[data-theme=dark] button[style*="background: #f8fafc"],html[data-theme=dark] button[style*="background:#f8fafc"],html[data-theme=dark] button[style*="background: rgb(248, 250, 252)"],html[data-theme=dark] button[style*="background: #e2e8f0"],html[data-theme=dark] button[style*="background:#e2e8f0"],html[data-theme=dark] button[style*="background: rgb(226, 232, 240)"],html[data-theme=dark] button[style*="background: #f1f5f9"],html[data-theme=dark] button[style*="background:#f1f5f9"],html[data-theme=dark] button[style*="background: rgb(241, 245, 249)"],html[data-theme=dark] button[style*="background: #d1d5db"],html[data-theme=dark] button[style*="background:#d1d5db"],html[data-theme=dark] button[style*="background: rgb(209, 213, 219)"]{background-color:var(--color-elevated)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}html[data-theme=dark] button[style*="background: #eff6ff"],html[data-theme=dark] button[style*="background:#eff6ff"],html[data-theme=dark] button[style*="background: rgb(239, 246, 255)"],html[data-theme=dark] button[style*="background: #dbeafe"],html[data-theme=dark] button[style*="background:#dbeafe"],html[data-theme=dark] button[style*="background: rgb(219, 234, 254)"],html[data-theme=dark] button[style*="background: #e0e7ff"],html[data-theme=dark] button[style*="background:#e0e7ff"],html[data-theme=dark] button[style*="background: rgb(224, 231, 255)"]{background-color:color-mix(in srgb,var(--brand-primary) 22%,var(--color-surface))!important;color:var(--color-text)!important;border-color:var(--button-outline)!important}::selection{background:color-mix(in srgb,var(--brand-primary) 28%,transparent);color:var(--color-text)}@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}