:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#1a1a1a;color:#e0e0e0}a{color:#3b82f6;text-decoration:none}a:hover{color:#2563eb}h1,h2,h3,h4,h5,h6{margin:0;color:#e0e0e0}p{margin:0}input,textarea,select{font-family:inherit;color:#e0e0e0;background-color:#242424;border:1px solid #404040}input::placeholder,textarea::placeholder{color:gray}input:focus,textarea:focus,select:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6}#root{margin:0;padding:0;min-height:100vh;width:100%}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}button,input,select,textarea{transition:all .2s ease-in-out}button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #007bff;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.card-grid{grid-template-columns:1fr!important}.nav-buttons{flex-direction:column}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.status-badge{display:inline-block;padding:.25em .6em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.status-success{color:#155724;background-color:#d4edda}.status-warning{color:#856404;background-color:#fff3cd}.status-danger{color:#721c24;background-color:#f8d7da}.status-info{color:#0c5460;background-color:#d1ecf1}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}