.form-field{margin-bottom:1rem}.form-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input,.form-field input[type=text],.form-field input[type=number],.form-field input[type=email],.form-field input[type=password],.form-field input[type=date],.form-field input[type=tel],.form-field input[type=url]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-family:inherit;color:#1a202c;background-color:#fff;transition:border-color .2s,box-shadow .2s;min-height:44px}.form-input:focus,.form-field input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled,.form-field input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-field input::placeholder{color:#9ca3af}.form-select,.form-field select,select.form-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-family:inherit;color:#1a202c;background-color:#fff;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='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s,box-shadow .2s;min-height:44px}.form-select:focus,.form-field select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-select:disabled,.form-field select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;opacity:.6}.form-select option,.form-field select option{padding:.5rem;color:#1a202c;background-color:#fff}.form-textarea,.form-field textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-family:inherit;color:#1a202c;background-color:#fff;resize:vertical;min-height:100px;transition:border-color .2s,box-shadow .2s}.form-textarea:focus,.form-field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea:disabled,.form-field textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.form-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;border:none;min-height:44px;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover:not(:disabled){background:#4a5568}.btn-success{background:#48bb78;color:#fff}.btn-success:hover:not(:disabled){background:#38a169}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:#fff;color:#667eea;border:1px solid #667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}.btn-ghost{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-full-width{width:100%}.btn-small{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-large{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.list{list-style:none;padding:0;margin:0}.list-item{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;transition:background-color .2s}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:#f7fafc}.list-item-clickable{cursor:pointer}.list-item-clickable:active{background-color:#edf2f7}.card{background:#fff;border-radius:.75rem;padding:clamp(1rem,3vw,1.5rem);box-shadow:0 1px 3px #0000001a}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.card-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.card-subtitle{font-size:.875rem;color:#718096;margin-top:.25rem}.card-body{color:#1a202c}.card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table thead{background-color:#f7fafc}.table thead tr{border-bottom:2px solid #e2e8f0}.table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#1a202c}.table tbody tr{transition:background-color .2s}.table tbody tr:hover{background-color:#f7fafc}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.5}.badge-blue{background:#bee3f8;color:#2c5282}.badge-green{background:#c6f6d5;color:#276749}.badge-yellow{background:#fefcbf;color:#975a16}.badge-red{background:#fed7d7;color:#9b2c2c}.badge-gray{background:#e2e8f0;color:#2d3748}.badge-purple{background:#e9d8fd;color:#553c9a}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.page-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.page-subtitle{color:#718096;font-size:1rem;margin:0}.page-actions{display:flex;gap:.75rem;flex-wrap:wrap}.filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.filter-chip{padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;background:#fff;color:#374151}.filter-chip:hover{border-color:#9ca3af;background:#f9fafb}.filter-chip.active{background:#667eea;color:#fff;border-color:#667eea}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1rem;margin-bottom:2rem}.stat-label{font-size:.875rem;color:#718096;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#1a202c}.empty-state{text-align:center;padding:3rem 1rem;color:#718096}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.empty-state-description{font-size:.9375rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-title{font-size:1.5rem}.page-actions{flex-direction:column;width:100%}.page-actions .btn{width:100%}.form-input,.form-select,.form-textarea,.form-field input,.form-field select,.form-field textarea{font-size:16px;padding:.875rem;min-height:48px}.table-wrapper{-webkit-overflow-scrolling:touch}.table{min-width:600px;font-size:.8125rem}.table th,.table td{padding:.75rem .5rem}.stat-value{font-size:1.75rem}.filter-chips{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}}@media (max-width: 640px){.page-title{font-size:1.375rem}.stat-value{font-size:1.5rem}.table{font-size:.75rem}.table th,.table td{padding:.5rem .375rem}}@media (max-width: 480px){.page-title{font-size:1.25rem}.table{font-size:.6875rem}.table th,.table td{padding:.375rem .25rem}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f7fafc;overflow-x:hidden}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,textarea,select,button{font-family:inherit}@media (max-width: 1024px){body{font-size:16px}}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}table td{padding:.5rem;font-size:.875rem;white-space:nowrap}h1{font-size:1.5rem;line-height:1.3}h2{font-size:1.25rem;line-height:1.3}button{font-size:.875rem;padding:.5rem .875rem;min-height:44px}input,textarea,select{font-size:16px;min-height:44px}}@media (max-width: 640px){table td{padding:.375rem;font-size:.8125rem}button:not(.mobile-menu-button){font-size:.8125rem;padding:.5rem .75rem}h1{font-size:1.375rem}h2{font-size:1.125rem}}@media (max-width: 480px){table td{padding:.25rem;font-size:.75rem}h1{font-size:1.25rem}h2{font-size:1rem}}@media (max-width: 768px){button,a,input[type=button],input[type=submit],select{min-height:44px;min-width:44px}[role=dialog],.modal{max-width:100vw;max-height:100vh;margin:0;border-radius:0;padding:1rem}.table-wrapper,div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch;scrollbar-width:thin}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],textarea,select{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.main-content{padding:1rem!important}.stats-grid,div[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (hover: none) and (pointer: coarse){button:hover,a:hover,.nav-link:hover{transform:none!important;box-shadow:none!important}button:active,a:active{opacity:.8;transform:scale(.98)}}@media (max-width: 896px) and (orientation: landscape){.main-content{padding:.75rem!important}h1{font-size:1.5rem!important}}