*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--primary-dark: #5568d3;--primary-light: #8b9eff;--secondary-color: #764ba2;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--info-color: #17a2b8;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #999;--bg-primary: rgba(255, 255, 255, .85);--bg-secondary: rgba(248, 249, 250, .8);--bg-tertiary: #f0f2f5;--border-color: rgba(222, 226, 230, .8);--border-light: rgba(233, 236, 239, .6);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:radial-gradient(circle at 0% 0%,#e2e8f0,#f1f5f9,#e2e8f0);background-attachment:fixed;margin:0;padding:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}input,select,textarea{font-family:inherit;font-size:var(--font-size-base)}input:focus,select:focus,textarea:focus{outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:var(--font-size-sm);font-weight:500;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-sm{padding:.375rem .75rem;font-size:var(--font-size-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--font-size-base)}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-secondary{background-color:var(--text-secondary);color:#fff;border-color:var(--text-secondary)}.btn-secondary:hover{background-color:#5a6268;border-color:#5a6268;color:#fff}.btn-success{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-success:hover{background-color:#218838;border-color:#218838;color:#fff}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger:hover{background-color:#c82333;border-color:#c82333;color:#fff}.btn-warning{background-color:var(--warning-color);color:#000;border-color:var(--warning-color)}.btn-warning:hover{background-color:#e0a800;border-color:#e0a800;color:#000}.btn-info{background-color:var(--info-color);color:#fff;border-color:var(--info-color)}.btn-info:hover{background-color:#138496;border-color:#138496;color:#fff}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}table{width:100%;border-collapse:collapse;min-width:600px}table thead{background-color:var(--primary-color);color:#fff}table th,table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-light)}table tbody tr{transition:background-color var(--transition-fast)}table tbody tr:hover{background-color:var(--bg-secondary)}@media(max-width:768px){.table-container{overflow-x:visible}table{display:none}.mobile-card-view{display:block}}.mobile-card-view{display:none}@media(max-width:768px){.mobile-card-view{display:block}.mobile-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.mobile-card-header{font-weight:600;font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--primary-color);border-bottom:2px solid var(--border-light);padding-bottom:var(--spacing-sm)}.mobile-card-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{font-weight:500;color:var(--text-secondary);font-size:var(--font-size-sm)}.mobile-card-value{color:var(--text-primary);text-align:right;flex:1;margin-left:var(--spacing-md)}.mobile-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-control{width:100%;padding:.75rem;font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-control.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.loading,.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state a{color:var(--primary-color);text-decoration:none;font-weight:500}.badge{display:inline-block;padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--radius-sm)}.status{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;display:inline-block}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}@media print{.btn,.main-nav,.header{display:none}}