.app-header{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:1rem}.logo{height:40px;width:auto}.logo-text{font-size:1.25rem;font-weight:700;color:#1e3a5f;letter-spacing:.5px}.user-section{position:relative}.user-menu-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:background .2s}.user-menu-btn:hover{background:#f5f5f5}.user-email{font-size:.875rem;color:#212121}.menu-icon{fill:#757575}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;display:none;overflow:hidden}.user-dropdown.active{display:block}.user-dropdown a{display:block;padding:.75rem 1rem;color:#212121;text-decoration:none;transition:background .2s}.user-dropdown a:hover{background:#f5f5f5}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-title{font-size:2rem;color:#1e3a5f;margin-bottom:2rem}.tiles-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width: 1200px){.tiles-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.tiles-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 576px) and (max-width: 767px){.tiles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 575px){.tiles-grid{grid-template-columns:1fr}.dashboard-container,.header-container{padding:1rem}.logo-text{display:none}}.feature-tile{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px}.feature-tile[data-active=true]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.feature-tile[data-coming-soon=true]{cursor:not-allowed;opacity:.7;background:#fafafa}.feature-tile[data-coming-soon=true]:hover{transform:none;box-shadow:0 2px 8px #00000014}.tile-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#1e3a5f}.feature-tile[data-coming-soon=true] .tile-icon{color:#9e9e9e}.tile-title{font-size:1.125rem;font-weight:600;color:#212121;margin-bottom:.5rem}.tile-description{font-size:.875rem;color:#757575;line-height:1.5;flex-grow:1}.coming-soon-badge{position:absolute;top:1rem;right:1rem;background:#ffc107;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000;display:none}.spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#1e3a5f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification{position:fixed;bottom:2rem;right:2rem;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;z-index:1001;animation:slideIn .3s ease;border-left:4px solid #4caf50}.notification.error{border-left-color:#f44336}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.api-key-section{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1.5rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.api-key-section.hidden{display:none}.api-key-title{font-size:1.125rem;font-weight:600;color:#856404;margin-bottom:.5rem}.api-key-description{font-size:.875rem;color:#856404;margin-bottom:1rem}.api-key-form{display:flex;gap:.5rem;align-items:center}.api-key-input{flex:1;padding:.75rem;border:1px solid #ffc107;border-radius:4px;font-size:.875rem;font-family:Courier New,monospace}.api-key-input:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 2px #ffc10733}.api-key-submit{padding:.75rem 1.5rem;background:#ffc107;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.api-key-submit:hover{background:#ff9800}.api-key-submit:disabled{background:#ccc;cursor:not-allowed}.api-key-status{margin-top:.5rem;font-size:.875rem;color:#28a745;display:flex;align-items:center;gap:.25rem}.api-key-status.error{color:#dc3545}