:root{font-family:Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;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:#333}.form-group input,.form-group textarea{padding:.8rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .3s}a{font-weight:500;color:#69f;text-decoration:inherit}button{padding:.6em 1.2em;border:1px solid transparent;border-radius:8px;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#ffffffde;cursor:pointer;transition:border-color .25s,background-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#69f}button{background-color:#f9f9f9}}.login-container{margin:auto;background:#333;max-width:400px;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem 2.5rem;text-align:center}.login-logo{width:200px;height:200px;margin:0 auto 1.5rem;border-radius:12px;display:block}.login-container h2{text-align:center;color:#fff;margin-bottom:1.5rem;font-size:1.8rem}.form-group{margin-bottom:1rem}.form-group input{width:calc(100% - 1.6rem);color:#000;background-color:#ccc}.form-group input:focus{outline:none;border-color:#6c6}.submit-button{width:100%;background-color:#6c6;color:#fff}.submit-button:hover{background-color:#4d824d}.toggle-form{margin-top:1rem}.toggle-button{width:80%;background-color:#333;border:#66cc66 2px solid;cursor:pointer;transition:background .3s}@media (max-width: 480px){.login-container{margin:0;padding:1em;border-radius:0;display:flex;flex-direction:column;justify-content:center}.login-logo{width:150px;height:150px;margin-bottom:1.5rem;margin-top:1.5rem}.login-container h2{font-size:1.5rem;margin-bottom:.5rem}.form-group input{padding:.7rem;width:calc(100% - 1.4rem);font-size:16px}}@media (min-width: 481px) and (max-width: 768px){.login-container{width:85%;margin:2rem auto}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;color:#333}.close-button{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;line-height:1}.close-button:hover{color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#646cff}.modal-actions{display:flex;justify-content:flex-end;transition:background-color .3s}.cancel-button{background-color:#f5f5f5;color:#333}.cancel-button:hover{background-color:#e0e0e0}.cancel-button:disabled,.submit-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:.8rem;border-radius:4px;margin-bottom:1rem;text-align:center}.home-container{padding:2rem;max-width:1200px;margin:0 auto;position:relative;min-height:calc(100vh - 64px)}.header-actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions h1{margin:0;color:#333}.search-container{flex:1;max-width:500px}.search-input{width:100%;padding:.8rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;background-color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;color:#333}.search-input:focus{outline:none;border-color:#646cff;box-shadow:0 2px 8px #646cff1a}.search-input::placeholder{color:#9e9e9e}.fab-button{position:fixed;right:2rem;bottom:2rem;width:56px;height:56px;border-radius:50%;background-color:#646cff;color:#fff;border:none;cursor:pointer;box-shadow:0 3px 5px #0003;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1000}.fab-button:hover{background-color:#535bf2;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.fab-button:active{box-shadow:0 1px 2px #0003;transform:translateY(0)}.fab-icon{font-size:2rem;font-weight:300;line-height:1}@media (max-width: 480px){.fab-button{right:1rem;bottom:1rem;width:48px;height:48px}.fab-icon{font-size:1.75rem}}@media (max-width: 768px){.header-actions{flex-direction:column;align-items:stretch}.search-container{margin-left:0;max-width:100%}.search-input{width:100%}}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.empty-state p{color:#666;margin-bottom:1.5rem}.specialists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:.5rem}.specialist-card{position:relative;background:#fff;border-radius:10px;box-shadow:0 1px 6px #3c3c3c12,0 1.5px 4px #3c3c3c0a;border:1px solid #ececec;overflow:hidden;margin:0;min-width:0;transition:box-shadow .2s;padding:.75rem 1rem;display:flex;flex-direction:column;min-height:unset}.specialist-card:hover{box-shadow:0 4px 16px #646cff1a}.specialist-info{padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.specialist-info h3,.specialist-type{margin:0;padding:0}.specialist-type{font-size:1.15rem;font-weight:700;color:#23235a;line-height:1.2;margin-bottom:.1rem}.specialist-name{font-size:1rem;font-weight:500;color:#222;margin-bottom:.1rem;line-height:1.2}.specialist-link{font-size:.95rem;color:#646cff;text-decoration:underline;margin-bottom:.1rem;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.specialist-link:hover{text-decoration:underline;color:#535bf2}.notes{color:#888;font-size:.88rem;line-height:1.3;margin:.1rem 0 0;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.specialist-actions{position:absolute;top:0;right:0;bottom:0;width:50%;min-width:180px;max-width:320px;height:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;gap:.5rem;background:#333;box-shadow:-2px 0 8px #646cff0a;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:2;padding:0;border-radius:0 10px 10px 0}.specialist-card.show-actions .specialist-actions{transform:translate(0)}.specialist-content{position:relative;z-index:1;background:transparent;transition:transform .25s cubic-bezier(.4,0,.2,1)}.specialist-card.show-actions .specialist-content{transform:translate(-50%)}.specialist-card,.specialist-info,.specialist-type,.specialist-name,.specialist-link,.notes{font-size:14px}@media (max-width: 600px){.specialists-grid{grid-template-columns:1fr;gap:.5rem;padding:.25rem}.specialist-card{padding:.5rem;min-height:unset}.specialist-type{font-size:1rem}.specialist-name{font-size:.95rem}.notes{font-size:.82rem}.specialist-actions{min-width:120px;width:50%;max-width:200px;gap:.25rem}.specialist-card.show-actions .specialist-content{transform:translate(-50%)}}.card-actions,.edit-button,.delete-button{margin:0;padding:0;box-shadow:none;background:none}.specialist-image{width:100%;height:200px;overflow:hidden;background-color:#f5f5f5}.specialist-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#646cff;color:#fff;font-size:4rem;font-weight:700}.specialty{color:#646cff;font-weight:500;margin:0 0 1rem}.specialist-link:hover{text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #646cff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.error-message{background-color:#ffebee;color:#c62828;padding:1rem 2rem;border-radius:4px;text-align:center}.action-button{flex:1 1 0;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:#333;cursor:pointer;transition:background .2s,color .2s;padding:0;font-size:18px;height:100%}.action-button svg{width:36px;height:36px;display:block}.action-button.edit{color:#69f}.action-button.edit:hover{background:#b3d1ff}.action-button.share{color:#6c6}.action-button.share:hover{background:#b3ffb3}.action-button.delete{color:#c69}.action-button.delete:hover{background:#ffd1e6}.pwa-update-bar{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;z-index:1001}.pwa-update-btn{background:#c99;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;padding:.7em 1.5em;cursor:pointer;box-shadow:0 2px 8px #64000012;transition:background .2s,color .2s}.pwa-update-btn:hover,.pwa-update-btn:focus{background:#b36d6d;color:#fff}@media (max-width: 600px){.pwa-update-btn{font-size:.95rem;padding:.6em 1em}.pwa-update-bar{margin-bottom:.5rem}}.profile-container{max-width:800px;margin:2rem auto;padding:0 1rem}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem}.avatar-container{width:120px;height:120px;margin:0 auto 2rem;position:relative;cursor:pointer;border-radius:50%;overflow:hidden}.avatar{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background-color:#646cff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:500}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-overlay span{color:#fff;font-size:.9rem;text-align:center;padding:.5rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#666;font-size:.9rem}.form-group input{padding:.8rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#646cff;box-shadow:0 2px 8px #646cff1a}.profile-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.update-button,.export-button,.logout-button{padding:.8rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.update-button{background-color:#6c6;color:#fff}.update-button:hover{background-color:#535bf2}.export-button{background-color:#f5f5f5;color:#333}.export-button:hover{background-color:#e0e0e0}.logout-button{background-color:#f44;color:#fff}.logout-button:hover{background-color:#c00}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:8px;text-align:center}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:1rem;border-radius:8px;text-align:center}.profile-logo-link{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.profile-logo-img{height:56px;background:transparent;object-fit:contain;display:block}@media (max-width: 480px){.profile-container{margin:1rem auto}.profile-card{padding:1.5rem}.avatar-container{width:100px;height:100px}.avatar-placeholder{font-size:2.5rem}.profile-logo-img{height:40px}.profile-logo-link{margin-bottom:1rem}}#root{width:100%;min-height:100vh}.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}.app{min-height:100vh;background-color:#333}.navbar{background-color:#333;box-shadow:0 2px 4px #0000001a;padding:.5rem 1rem;position:sticky;top:0;z-index:1000}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-content.nav-centered-logo{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;position:relative}.nav-logo-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;height:56px}.nav-logo-img{height:35px;background:transparent;object-fit:contain;display:block}.user-menu{display:flex;align-items:center;margin-left:auto}.avatar-button{cursor:pointer;transition:transform .3s ease}.avatar-button:hover{transform:scale(1.05)}.nav-avatar,.nav-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.nav-avatar-placeholder{background-color:#646cff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500}.user-email{color:#666;font-size:.9rem}.logout-button{color:#333;cursor:pointer;transition:background-color .3s}.logout-button:hover{background-color:#e0e0e0}@media (max-width: 480px){.navbar{padding:.5rem}.nav-logo-img{height:22px}.nav-logo-center{height:48px}.nav-avatar,.nav-avatar-placeholder{width:32px;height:32px;font-size:1rem}.user-email{display:none}}.welcome-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.welcome-container h2{color:#333;margin-bottom:1.5rem}form{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}input{padding:.8rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}h2{color:#213547;margin-bottom:1rem}