:root{--color-primary: #DC2626;--color-primary-dark: #B91C1C;--color-primary-light: #FEE2E2;--color-primary-50: #FEF2F2;--color-white: #FFFFFF;--color-black: #111827;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #059669;--color-success-light: #D1FAE5;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-info: #2563EB;--color-info-light: #DBEAFE;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--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;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--sidebar-width: 260px;--sidebar-collapsed: 64px;--topbar-height: 60px;--max-width: 1280px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}@media (max-width: 768px){:root{--sidebar-width: 0px;--topbar-height: 56px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-900);background:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);transition:margin-left var(--transition-base)}.app-content{padding:var(--space-6);max-width:var(--max-width);margin:0 auto}@media (max-width: 768px){.app-main{margin-left:0;padding-bottom:72px}.app-content{padding:var(--space-3)}}@media (max-width: 480px){.app-content{padding:var(--space-2)}}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.bento-grid .span-2{grid-column:span 2}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr}.bento-grid .span-2{grid-column:span 1}}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900)}.page-header p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:var(--space-1)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-2)}.page-header h1{font-size:var(--font-size-xl)}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%)}.auth-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8);width:100%;max-width:420px}@media (max-width: 480px){.auth-card{padding:var(--space-5);border-radius:var(--radius-lg)}.auth-card h1{font-size:var(--font-size-xl)}}.auth-card h1{font-size:var(--font-size-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-2)}.auth-card .subtitle{text-align:center;color:var(--color-gray-500);margin-bottom:var(--space-6)}.auth-card .logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);left:auto;z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);max-width:380px}@media (max-width: 480px){.toast-container{right:var(--space-2);left:var(--space-2);max-width:none}}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-md);animation:slideIn .3s ease;display:flex;align-items:center;gap:var(--space-2)}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}.toast-warning{background:var(--color-warning);color:#fff}.toast-info{background:var(--color-info);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-gray-400)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}@media (max-width: 768px){input,select,textarea,button,.btn{min-height:44px;font-size:16px!important}.form-row-2,.form-row-3{grid-template-columns:1fr!important}.card-content{padding:var(--space-3)!important}table{display:block;width:100%}}@media (min-width: 769px) and (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid .span-2{grid-column:span 2}}@media (max-width: 360px){:root{--space-3: .5rem;--space-4: .75rem;--space-6: 1rem}.empty-state svg{width:48px;height:48px}}