*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button,input{font-family:inherit}.header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{justify-content:space-between;margin:0 auto;padding:1rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1.5rem}.logo{text-decoration:none}.logo-circle{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;transition:transform .2s;width:40px}.logo-circle:hover{transform:scale(1.05)}.info-icon-container{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.outer-circle{color:#f44;font-size:1.5rem;position:absolute}.info-message{color:#666;font-size:.9rem}.header-right{align-items:center;display:flex;gap:2rem}.save-status{min-width:100px;text-align:right}.status-text{color:#666;font-size:.9rem}.status-text.saved{color:#4caf50}.status-text.saving{color:#ff9800}.status-text.error{color:#f44336}.user-menu{cursor:pointer;position:relative}.user-icon{color:#666;font-size:1.5rem;transition:color .2s}.user-icon:hover{color:#ff6b6b}.user-dropdown{background:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;margin-top:.5rem;min-width:120px;position:absolute;right:0;top:100%}.user-dropdown button{background:none;border:none;color:#666;cursor:pointer;padding:.75rem 1rem;text-align:left;width:100%}.user-dropdown button:hover{background-color:#f5f5f5;color:#f44}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:1rem}.header-left{flex:1 1;min-width:200px}.info-message{font-size:.8rem}.header-right{gap:1rem}.save-status{min-width:auto}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:#f5f5f5;flex:1 1;padding:2rem 1rem}@media (min-width:768px){.main-content{padding:2rem}}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b6b;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3fbb9727.css.map*/