:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#667eea;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background-color:#5a67d8;transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid #667eea;outline-offset:2px}a{color:#667eea;text-decoration:none;font-weight:500}a:hover{color:#5a67d8;text-decoration:underline}#root{width:100%;min-height:100vh}html,body,#root{max-width:100vw;overflow-x:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-container.light{background:linear-gradient(135deg,#667eea,#764ba2)}.loading-container.dark{background:linear-gradient(135deg,#2d3748,#1a202c)}.loading-content{text-align:center;color:#fff}.app-container{flex-grow:1;min-height:100vh}.login-error{margin:16px}.features-section{margin-bottom:32px}.features-title{text-align:center;margin-bottom:32px;font-weight:600}@media(max-width:600px){.features-title{margin-bottom:24px;font-size:1.5rem;padding:0 16px}}@media(max-width:480px){.features-title{font-size:1.25rem;padding:0 8px}}.footer{padding:24px;background-color:transparent;border-top:1px solid}@media(max-width:600px){.footer{padding:16px}}@media(max-width:480px){.footer{padding:12px 8px}}.footer-api-section{margin-bottom:24px}@media(max-width:600px){.footer-api-section{margin-bottom:16px}}.footer-api-buttons{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap;justify-content:center}@media(max-width:600px){.footer-api-buttons{flex-direction:column;align-items:stretch;gap:8px}}.footer-version-info{text-align:center}.footer-version-info .api-version{margin-bottom:8px}.app-bar{position:static}.app-bar.light{background:linear-gradient(135deg,#667eea,#764ba2)}.app-bar.dark{background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:1px solid rgba(255,255,255,.1)}.toolbar{min-height:56px;padding:0 16px}@media(min-width:600px){.toolbar{min-height:64px;padding:0 24px}}@media(max-width:480px){.toolbar{padding:0 8px}}.logo{font-weight:700;margin-right:32px;flex-shrink:0}@media(max-width:600px){.logo{margin-right:8px;font-size:1.1rem}}@media(max-width:480px){.logo{margin-right:4px;font-size:1rem}}.nav-desktop{flex-grow:1;display:none;align-items:center}@media(min-width:960px){.nav-desktop{display:flex}}.nav-button{font-weight:400;text-transform:none;margin:0 8px;padding:8px 16px;border-radius:8px;background-color:transparent;transition:all .2s ease-in-out}.nav-button.light{color:#ffffffb3}.nav-button.dark{color:#fff9}.nav-button.active{color:#fff;font-weight:600}.nav-button.active.light{background-color:#ffffff26}.nav-button.active.dark{background-color:#ffffff1a}.nav-button:hover{color:#fff}.nav-button:hover.light{background-color:#ffffff1a}.nav-button:hover.dark{background-color:#ffffff14}.nav-mobile{flex-grow:1;display:flex}@media(min-width:960px){.nav-mobile{display:none}}.mobile-tabs .MuiTabs-indicator{background-color:#fff}.mobile-tabs .MuiTab-root{text-transform:none;font-weight:500;min-height:40px;font-size:.875rem;min-width:auto;padding:6px 12px}@media(max-width:600px){.mobile-tabs .MuiTab-root{min-height:36px;font-size:.75rem;min-width:80px;padding:4px 8px}}@media(max-width:480px){.mobile-tabs .MuiTab-root{min-height:32px;font-size:.7rem;min-width:70px;padding:3px 6px}}.mobile-tabs.light .MuiTab-root{color:#ffffffb3}.mobile-tabs.dark .MuiTab-root{color:#fff9}.mobile-tabs .MuiTab-root.Mui-selected{color:#fff}.mobile-tabs.light .MuiTab-root:hover{color:#fff;background-color:#ffffff1a}.mobile-tabs.dark .MuiTab-root:hover{color:#fff;background-color:#ffffff14}.action-buttons{display:flex;align-items:center;flex-shrink:0;gap:8px}@media(max-width:600px){.action-buttons{gap:4px}}.icon-button{margin-right:8px}@media(max-width:600px){.icon-button{margin-right:4px;padding:8px}}@media(max-width:480px){.icon-button{margin-right:2px;padding:6px}}.icon-button.light{background-color:#ffffff1a}.icon-button.dark{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.icon-button:hover.light{background-color:#fff3}.icon-button:hover.dark,.logout-button.light{background-color:#ffffff1a}.logout-button.dark{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.logout-button:hover.light{background-color:#fff3}.logout-button:hover.dark{background-color:#ffffff1a}