:root{--color-primary: #343a40;--color-primary-hover: #495057;--color-secondary: #6c757d;--color-accent: #80bdff;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-success: #28a745;--color-warning: #ffc107;--color-white: #ffffff;--color-light: #f5f5f5;--color-border: #dee2e6;--sidebar-width: 250px;--sidebar-width-mobile: 280px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--z-sidebar: 1000;--z-mobile-overlay: 1050;--z-modal: 1100;--z-dropdown: 1200}@media (min-width: 576px){:root{--container-padding: 1.5rem}}@media (min-width: 768px){:root{--container-padding: 2rem}}@media (min-width: 992px){:root{--container-padding: 2.5rem}}@media (min-width: 1200px){:root{--container-padding: 3rem}}.container{width:100%;margin:0 auto;padding:0 var(--container-padding, 1rem)}.container-fluid{width:100%;padding:0 var(--container-padding, 1rem)}.grid{display:grid;gap:var(--spacing-md)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 991px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}@media (max-width: 767px){.flex-mobile-column{flex-direction:column}.flex-mobile-wrap{flex-wrap:wrap}}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.table-responsive table{min-width:600px}}@media (max-width: 767px){.table-mobile-cards{display:block}.table-mobile-cards thead{display:none}.table-mobile-cards tbody{display:block}.table-mobile-cards tr{display:block;margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);background:var(--color-white)}.table-mobile-cards td{display:block;text-align:right;padding:var(--spacing-sm) 0;border:none}.table-mobile-cards td:before{content:attr(data-label);float:left;font-weight:600;color:var(--color-secondary)}}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:calc(var(--z-mobile-overlay) + 1);background:var(--color-primary);color:var(--color-white);border:none;padding:.75rem;border-radius:6px;cursor:pointer;font-size:1.5rem;width:44px;height:44px;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}@media (max-width: 991px){.mobile-menu-toggle{display:flex}}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-mobile-overlay);opacity:0;transition:opacity var(--transition-base)}.mobile-overlay.active{display:block;opacity:1}.sidebar{width:var(--sidebar-width);transition:transform var(--transition-base)}@media (max-width: 991px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:var(--z-sidebar);transform:translate(-100%);box-shadow:2px 0 8px #00000026}.sidebar.open{transform:translate(0)}}.modal-content{max-width:90vw;max-height:90vh;overflow:auto}@media (min-width: 576px){.modal-content{max-width:500px}}@media (min-width: 768px){.modal-content{max-width:600px}}.button-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media (max-width: 767px){.button-group{flex-direction:column}.button-group button,.button-group a{width:100%}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: 767px){.form-grid{grid-template-columns:1fr}}@media (max-width: 767px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}@media (max-width: 767px){button,a,input,select,textarea{min-height:44px;min-width:44px}.touch-spacing>*{margin-bottom:var(--spacing-md)}.touch-spacing>*:last-child{margin-bottom:0}}@media print{.sidebar,.mobile-menu-toggle,.mobile-overlay,button,.no-print{display:none!important}.main-content{margin-left:0!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}