:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;width:100%}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%;padding:2.5rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.login-subtitle{font-size:1rem;color:#718096;margin:0}.login-content{margin-bottom:2rem}.login-message{text-align:center;color:#4a5568;font-size:.95rem;line-height:1.6;margin:0 0 2rem}.login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#5e5e5e;background:#fff;border:2px solid #8c8c8c;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-button:hover{background:#f3f3f3;border-color:#5e5e5e}.login-button:active{transform:scale(.98)}.login-icon{width:21px;height:21px;flex-shrink:0}.login-footer{border-top:1px solid #e2e8f0;padding-top:1.5rem}.login-help{text-align:center;font-size:.875rem;color:#718096;margin:0}.login-spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.login-button{padding:.75rem 1.25rem;font-size:.95rem}}#root{max-width:1280px;margin:0 auto;text-align:center}*{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}*:focus-visible{outline:2px solid #1B599B;outline-offset:2px}html{scroll-behavior:smooth}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}[role=gridcell]:hover,[role=row]:hover{background-color:#00000005}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-enter{animation:slideInRight .25s ease-out}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}