@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--md-red: #CE1124;--md-gold: #D4AF37;--md-gold-light: #E8C84A;--md-black: #0D0D0D;--md-white: #F5F5F0;--bg-primary: #0A0A0A;--bg-elevated: #141414;--bg-surface: #1A1A1A;--bg-surface-hover: #222222;--bg-input: #1E1E1E;--text-primary: #F0F0F0;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-inverse: #0D0D0D;--accent-primary: var(--md-gold);--accent-primary-hover: var(--md-gold-light);--accent-secondary: var(--md-red);--border-color: #2A2A2A;--border-subtle: #1F1F1F;--glow-gold: 0 0 20px rgba(212, 175, 55, .15);--glow-gold-strong: 0 0 30px rgba(212, 175, 55, .25);--glow-red: 0 0 20px rgba(206, 17, 36, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--severity-critical: #CE1124;--severity-high: #F97316;--severity-medium: var(--md-gold);--severity-low: #6B7280;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--gradient-user-msg: linear-gradient(135deg, #CE1124 0%, #D4AF37 100%);--gradient-hero: linear-gradient(135deg, #CE1124 0%, #D4AF37 50%, #CE1124 100%);--gradient-bg: radial-gradient(ellipse at 20% 50%, rgba(206, 17, 36, .06) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(212, 175, 55, .06) 0%, transparent 50%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}.app-container{max-width:860px;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.app-container:before{content:"";position:fixed;inset:0;background:var(--gradient-bg);pointer-events:none;z-index:0}.chat-header{padding:1.25rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border-subtle);position:relative;z-index:10}.header-row{display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative}.header-title-clickable{cursor:pointer;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.header-title-clickable:hover{opacity:.8}.chat-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;background:var(--gradient-hero);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.hero-header{padding:4rem 1.5rem 1.5rem}.hero-header .tagline{color:var(--text-secondary);margin-top:.6rem;font-size:1rem;font-weight:400;letter-spacing:.01em;opacity:0;transform:translateY(8px);animation:fadeUp .6s ease .3s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.new-chat-btn{position:absolute;left:0;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.new-chat-btn:hover{border-color:var(--md-gold);color:var(--md-gold);background:var(--bg-surface-hover)}.compact-header{padding:.85rem 1.5rem;border-color:var(--border-color);background:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.compact-header h1{font-size:1.1rem}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;width:100%;max-width:700px}.suggested-query-btn{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;font-size:.92rem;font-weight:500;color:var(--text-primary);font-family:var(--font-sans)}.suggested-query-btn:hover{border-color:var(--md-gold);background:var(--bg-surface-hover);transform:translateY(-2px);box-shadow:var(--glow-gold)}.sq-icon{color:var(--md-gold);background:#d4af371a;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s ease}.suggested-query-btn:hover .sq-icon{background:#d4af372e;box-shadow:0 0 12px #d4af3733}.message-row{display:flex;width:100%;margin-bottom:.25rem}.message-row.user{justify-content:flex-end}.message-bubble{max-width:85%;padding:.9rem 1.15rem;border-radius:16px;line-height:1.65;font-size:.95rem}.message-bubble p{margin:0}.message-bubble.user{background:var(--gradient-user-msg);color:#fff;border-bottom-right-radius:4px;box-shadow:var(--glow-red)}.message-bubble.system{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;width:100%}.system-msg-wrapper{display:flex;gap:.75rem;align-items:flex-start;width:100%}.system-avatar{width:32px;height:32px;border-radius:10px;background:#d4af371f;border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--md-gold);font-size:.85rem}.system-msg-content{flex:1;min-width:0}.action-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:14px;margin-top:1rem;overflow:hidden;box-shadow:var(--shadow-card);border-left:4px solid var(--border-color)}.action-card-header{padding:1rem 1.15rem;border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;align-items:flex-start}.action-card-title{font-weight:700;color:var(--text-primary);font-size:1.05rem}.action-card-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:3px;display:block}.action-card-body{padding:1rem 1.15rem;display:flex;flex-direction:column;gap:1.5rem}.card-section-title{font-size:.7rem;text-transform:uppercase;color:var(--md-gold);font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;border-bottom:1px solid var(--border-subtle);padding-bottom:6px}.steps-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.step-item{display:flex;gap:.75rem;font-size:.92rem;line-height:1.55;color:var(--text-primary)}.step-checkbox{color:#22c55e;flex-shrink:0;padding-top:2px}.contacts-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.contact-item{background:var(--bg-surface);border:1px solid var(--border-color);padding:.85rem;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s ease}.contact-item:hover{border-color:var(--md-gold)}.contact-info{display:flex;flex-direction:column}.contact-link{font-weight:600;color:var(--md-gold);text-decoration:none;display:flex;align-items:center;gap:5px;transition:color .2s ease}.contact-link:hover{color:var(--md-gold-light);text-decoration:underline}.contact-desc{font-size:.8rem;color:var(--text-muted)}.contact-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.contact-when-to-use{font-size:.78rem;color:var(--md-gold);font-style:italic;margin-top:4px;padding:5px 9px;background:#d4af3714;border-radius:6px;border-left:2px solid var(--md-gold)}.contact-actions{display:flex;gap:.5rem;margin-top:auto}.action-btn{flex:1;padding:.5rem;font-size:.82rem;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.action-btn.call{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.action-btn.call:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.action-btn.visit{background:var(--md-gold);color:var(--text-inverse);border:none}.action-btn.visit:hover{background:var(--md-gold-light);box-shadow:var(--glow-gold)}.severity-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:6px;letter-spacing:.04em;white-space:nowrap}.severity-critical{background:#ce112426;color:#ff4d5e;border:1px solid rgba(206,17,36,.3)}.severity-high{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.severity-medium{background:#d4af371f;color:var(--md-gold);border:1px solid rgba(212,175,55,.25)}.severity-low{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.chat-input-container{padding:1rem 1.5rem 1.5rem;background:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);position:relative;z-index:1}.chat-form{background:var(--bg-input);border:1px solid var(--border-color);border-radius:16px;padding:.6rem .75rem;display:flex;gap:.75rem;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.chat-form:focus-within{border-color:var(--md-gold);box-shadow:0 0 0 3px #d4af371a,var(--glow-gold)}.chat-input{border:none;outline:none;flex:1;font-size:.95rem;color:var(--text-primary);background:transparent;font-family:var(--font-sans);padding:.4rem .25rem}.chat-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--md-gold);color:var(--text-inverse);border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-btn:hover{background:var(--md-gold-light);box-shadow:var(--glow-gold);transform:scale(1.05)}.send-btn:disabled{background:var(--border-color);color:var(--text-muted);cursor:default;transform:none;box-shadow:none}.action-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.icon-health{background:#3b82f61f;color:#60a5fa}.icon-emergency{background:#ce11241f;color:#ff4d5e}.icon-general{background:#d4af371f;color:var(--md-gold)}.icon-it{background:#a855f71f;color:#a855f7}.emergency-notice{background:#ce112414;border:1px solid rgba(206,17,36,.25);padding:.85rem;border-radius:10px;color:#ff6b78;font-weight:500;display:flex;gap:.75rem;align-items:flex-start;font-size:.9rem}.typing-indicator{display:flex;gap:5px;padding:.9rem 1.15rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px 16px 16px 4px;width:fit-content;align-items:center}.typing-dot{width:8px;height:8px;background:var(--md-gold);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite;opacity:.5}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.followup-container{display:flex;flex-direction:column;gap:.5rem;padding:0 .25rem}.followup-label{font-size:.72rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.06em}.followup-chips{display:flex;flex-wrap:wrap;gap:.5rem}.followup-chip{display:flex;align-items:center;gap:6px;padding:.55rem 1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;white-space:nowrap}.followup-chip:hover{border-color:var(--md-gold);color:var(--md-gold);background:var(--bg-surface-hover)}.followup-chip svg{color:var(--text-muted);transition:color .2s ease}.followup-chip:hover svg{color:var(--md-gold)}.profile-menu-wrapper{position:absolute;right:0}.profile-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-btn:hover{border-color:var(--md-gold);color:var(--md-gold);background:var(--bg-surface-hover)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 32px #00000080;overflow:hidden;z-index:100;animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);font-size:.78rem;text-transform:uppercase;font-weight:700;color:var(--md-gold);letter-spacing:.06em}.dropdown-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;transition:color .2s}.dropdown-close:hover{color:var(--text-primary)}.profile-dropdown-body{padding:.5rem;display:flex;flex-direction:column;gap:2px}.service-login-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all .15s ease}.service-login-item:hover{background:var(--bg-surface-hover)}.service-login-item svg{color:var(--text-muted);flex-shrink:0}.service-login-info{flex:1;display:flex;flex-direction:column;min-width:0}.service-login-name{font-size:.88rem;font-weight:600}.service-login-desc{font-size:.75rem;color:var(--text-muted)}.profile-dropdown-footer{padding:.5rem .75rem .75rem;border-top:1px solid var(--border-subtle)}.county-portal-link{display:flex;align-items:center;gap:8px;padding:.65rem .75rem;border-radius:10px;text-decoration:none;color:var(--md-gold);font-size:.85rem;font-weight:600;transition:background .15s ease}.county-portal-link:hover{background:#d4af3714}@media(max-width:640px){.suggestions-grid{grid-template-columns:1fr}.chat-header h1{font-size:1.4rem}.hero-header{padding:3rem 1rem 1rem}.chat-messages{padding:1rem}.chat-input-container{padding:.75rem 1rem 1rem}.followup-chips{flex-direction:column}.followup-chip{white-space:normal}.profile-dropdown{width:260px}}