:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-tertiary: #EBEBEB;--text-primary: #000000;--text-secondary: #3A3A3A;--text-tertiary: #6B6B6B;--border-light: #E0E0E0;--border-dark: #3A3A3A;--accent-primary: #E8D4B8;--accent-hover: #D4C0A4;--success: #4CAF50;--success-bg: #E8F5E9;--success-text: #2E7D32;--warning: #FF9800;--warning-bg: #FFF3E0;--warning-text: #E65100;--error: #F44336;--error-bg: #FFEBEE;--error-text: #C62828;--info: #2196F3;--info-bg: #E3F2FD;--info-text: #1565C0;--neutral-bg: #EBEBEB;--neutral-text: #616161;--sidebar-bg: #3A3A3A;--sidebar-text: #FFFFFF;--sidebar-active-bg: #E8D4B8;--sidebar-active-text: #000000;--sidebar-hover: rgba(232, 212, 184, .2);--sidebar-divider: rgba(255, 255, 255, .1);--table-header-bg: #3A3A3A;--table-header-text: #FFFFFF;--table-row-bg: #F5F5F5;--table-row-alt: #EBEBEB;--table-row-hover: rgba(232, 212, 184, .3);--table-border: #E0E0E0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--focus-outline: #3A3A3A;--backdrop: rgba(0, 0, 0, .5);--border-color: var(--border-light);--border-hover: var(--border-dark);--text-on-accent: #000000;--accent-primary-transparent: rgba(232, 212, 184, .2)}[data-theme=dark]{--bg-primary: #1A1A1A;--bg-secondary: #2B2B2B;--bg-tertiary: #3A3A3A;--text-primary: #FFFFFF;--text-secondary: #E8E8E8;--text-tertiary: #B0B0B0;--border-light: #3A3A3A;--border-dark: #E8D4B8;--accent-primary: #E8D4B8;--accent-hover: #F5E6D3;--success: #66BB6A;--success-bg: #1B5E20;--success-text: #A5D6A7;--warning: #FFA726;--warning-bg: #E65100;--warning-text: #FFB74D;--error: #EF5350;--error-bg: #B71C1C;--error-text: #EF9A9A;--info: #42A5F5;--info-bg: rgba(59, 130, 246, .2);--info-text: #93C5FD;--neutral-bg: #424242;--neutral-text: #E0E0E0;--sidebar-bg: #1A1A1A;--sidebar-text: #FFFFFF;--sidebar-active-bg: #E8D4B8;--sidebar-active-text: #000000;--sidebar-hover: rgba(232, 212, 184, .1);--sidebar-divider: rgba(255, 255, 255, .05);--table-header-bg: #2B2B2B;--table-header-text: #FFFFFF;--table-row-bg: #1A1A1A;--table-row-alt: #2B2B2B;--table-row-hover: rgba(232, 212, 184, .1);--table-border: #3A3A3A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--focus-outline: #E8D4B8;--backdrop: rgba(0, 0, 0, .7);--border-color: var(--border-light);--border-hover: var(--border-dark);--text-on-accent: #000000;--accent-primary-transparent: rgba(232, 212, 184, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Arial,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;line-height:1.2;color:var(--text-primary);margin-bottom:.5em}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}h4{font-size:1.125rem;font-weight:500}p{margin-bottom:1rem;color:var(--text-secondary)}small,.text-small{font-size:.875rem}.text-caption{font-size:.75rem}.text-muted{color:var(--text-tertiary)}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}.m-0{margin:0}.m-xs{margin:4px}.m-sm{margin:8px}.m-md{margin:16px}.m-lg{margin:24px}.m-xl{margin:32px}.mt-0{margin-top:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.p-0{padding:0}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:16px}.p-lg{padding:24px}.p-xl{padding:32px}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;line-height:1;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.btn-primary{background-color:var(--accent-primary);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-dark)}[data-theme=dark] .btn-secondary{color:var(--accent-primary);border-color:var(--accent-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:#e8d4b833}[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:#e8d4b81a}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-success{background-color:var(--success);color:#fff}.btn-warning{background-color:var(--warning);color:#000}.btn-error{background-color:var(--error);color:#fff}.card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:24px;box-shadow:var(--shadow-md);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.card-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.card-title{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary)}.card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.input-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.input-label{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:12px 16px;font-family:Arial,sans-serif;font-size:1rem;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3a3a3a1a}[data-theme=dark] .input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #e8d4b81a}.input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--error)}.input-success{border-color:var(--success)}.textarea{min-height:100px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233A3A3A' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-error{background-color:var(--error-bg);color:var(--error-text)}.badge-info{background-color:var(--info-bg);color:var(--info-text)}.badge-neutral{background-color:var(--neutral-bg);color:var(--neutral-text)}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--table-border)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{background-color:var(--table-header-bg);color:var(--table-header-text);font-family:Poppins,sans-serif;font-weight:600;text-align:left;padding:12px 16px;white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid var(--table-border);color:var(--text-secondary)}.table tbody tr{background-color:var(--table-row-bg);transition:background-color .2s ease}.table tbody tr:nth-child(2n){background-color:var(--table-row-alt)}.table tbody tr:hover{background-color:var(--table-row-hover)}.table tbody tr:last-child td{border-bottom:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-light)}.modal-title{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-tertiary);border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-light)}.sidebar{width:240px;height:100vh;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:24px 16px;border-bottom:1px solid var(--sidebar-divider)}.sidebar-logo{max-width:120px;height:auto}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-section{margin-bottom:8px}.sidebar-section-title{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:8px 16px;margin:0}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--sidebar-text);text-decoration:none;font-size:.875rem;transition:background-color .2s ease}.sidebar-link:hover{background-color:var(--sidebar-hover);text-decoration:none}.sidebar-link.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:500}.sidebar-link-icon{width:20px;height:20px;flex-shrink:0}.sidebar-divider{height:1px;background-color:var(--sidebar-divider);margin:8px 16px}.sidebar-footer{padding:16px;border-top:1px solid var(--sidebar-divider)}.topnav{height:64px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topnav-title{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.topnav-actions{display:flex;align-items:center;gap:16px}.theme-toggle{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-toggle svg{width:20px;height:20px}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:240px;background-color:var(--bg-primary);min-height:100vh}.app-content{padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-main{margin-left:0}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.modal{max-width:100%;margin:16px}.table-container{font-size:.8125rem}.table th,.table td{padding:8px 12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease}.animate-slide-in{animation:slideIn .3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:20px;display:flex;flex-direction:column}.stat-label{font-size:.875rem;color:var(--text-tertiary);margin-bottom:4px}.stat-value{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.stat-change{font-size:.75rem;margin-top:8px}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-tertiary)}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;opacity:.5}.empty-state-title{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.empty-state-description{font-size:.875rem;max-width:400px;margin:0 auto 16px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:24px}.login-card{width:100%;max-width:400px}.login-logo{display:block;max-width:200px;margin:0 auto 32px}.login-title{text-align:center;margin-bottom:24px}