@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700;800&display=swap";:root{--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--surface: #121416;--surface-dim: #121416;--surface-bright: #37393b;--surface-container-lowest: #0c0e10;--surface-container-low: #1a1c1e;--surface-container: #1e2022;--surface-container-high: #282a2c;--surface-container-highest: #333537;--on-surface: #e2e2e5;--on-surface-variant: #c5c6d2;--inverse-surface: #e2e2e5;--inverse-on-surface: #2f3133;--primary: #b3c5ff;--on-primary: #0d2c6e;--primary-container: #002366;--on-primary-container: #758dd5;--secondary: #fff9ef;--on-secondary: #3a3000;--secondary-container: #ffdb3c;--on-secondary-container: #725f00;--tertiary: #a1d494;--on-tertiary: #0a3909;--tertiary-container: #013003;--on-tertiary-container: #6b9b61;--error: #ffb4ab;--on-error: #690005;--outline: #8e909c;--outline-variant: #444650;--bg-deep: var(--surface);--bg-dark: var(--surface-container-lowest);--card-bg: rgba(30, 32, 34, .7);--card-bg-hover: rgba(40, 42, 44, .85);--border-color: var(--outline-variant);--border-color-glow: rgba(255, 219, 60, .35);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--outline);--color-sun: var(--secondary-container);--color-sun-glow: var(--secondary-container);--color-rain: #4386f9;--color-cloud: var(--outline);--color-success: var(--tertiary);--color-warning: var(--secondary-container);--color-danger: var(--error);--color-purple: #b3c5ff;--rounded-sm: .25rem;--rounded-default: .5rem;--rounded-md: .75rem;--rounded-lg: 1rem;--rounded-xl: 1.5rem;--rounded-full: 9999px;--font-size-display-lg: 48px;--font-size-headline-lg: 32px;--font-size-title-md: 18px;--font-size-body-md: 16px;--font-size-label-sm: 12px;--glass-blur: blur(12px);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-sun: 0 0 25px rgba(255, 219, 60, .18);--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--surface);color:var(--on-surface);min-height:100vh;line-height:1.5;overflow-x:hidden;position:relative;background-image:linear-gradient(90deg,rgba(255,255,255,.007) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.007) 50%,transparent 50%);background-size:24px 24px;background-attachment:fixed;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-bright);border-radius:var(--rounded-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.container{width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.glass-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--rounded-xl);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:var(--shadow-lg)}header{margin-bottom:2.5rem;position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding-top:1rem}.brand h1{font-size:var(--font-size-headline-lg);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 0%,var(--on-surface-variant) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.brand p{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.island-status{display:flex;gap:1.5rem}.status-pill{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:100px}.status-pill-val{font-weight:700;color:var(--color-sun);text-shadow:0 0 10px rgba(251,191,36,.3)}.nav-bar{display:none}.desktop-nav{display:flex;gap:.5rem;background:#ffffff08;border:1px solid var(--border-color);padding:.35rem;border-radius:100px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.nav-tab{background:transparent;border:none;color:var(--text-secondary);padding:.6rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;border-radius:100px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-smooth)}.nav-tab svg{width:18px;height:18px;stroke-width:2.2}.nav-tab.active{background:var(--text-primary);color:var(--bg-deep)}.tab-content{display:none;animation:fadeIn .4s ease-out forwards}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}.weather-card{position:relative;overflow:hidden}.weather-card.high-sun{border-color:var(--border-color-glow);box-shadow:var(--shadow-sun),var(--shadow-md)}.weather-card.high-sun:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,191,36,.03) 0%,transparent 60%);pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.card-title{font-size:1.3rem;font-weight:700}.card-subtitle{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem}.score-indicator{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:1.15rem;background:#0003}.score-circle-svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.score-circle-bg{fill:none;stroke:#ffffff0d;stroke-width:4}.score-circle-fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.score-text{z-index:1}.score-high{stroke:var(--color-sun);color:var(--color-sun);text-shadow:0 0 10px rgba(251,191,36,.4)}.score-mid{stroke:var(--color-warning);color:var(--color-warning)}.score-low{stroke:var(--color-cloud);color:var(--color-cloud)}.score-rainy{stroke:var(--color-rain);color:var(--color-rain)}.card-body{display:flex;justify-content:space-between;align-items:center}.weather-main{display:flex;align-items:center;gap:.75rem}.weather-icon-wrapper{font-size:2.2rem;line-height:1;display:flex;align-items:center}.weather-desc{font-weight:600;font-size:1.05rem}.weather-temp{font-size:1.8rem;font-weight:800;letter-spacing:-.02em}.card-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.detail-val{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.25rem}.detail-val svg{width:14px;height:14px;stroke-width:2.2}.webcam-btn{margin-top:1.25rem;width:100%;background:#ffffff08;border:1px solid var(--outline-variant);border-radius:var(--rounded-lg);padding:.65rem;color:var(--on-surface-variant);font-family:inherit;font-weight:600;font-size:var(--font-size-body-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.webcam-btn:hover{background:#ffffff0f;border-color:var(--secondary-container);color:var(--on-surface);box-shadow:var(--shadow-sun)}.webcam-btn svg{width:16px;height:16px;stroke-width:2.2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#04060cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem}.modal-overlay.active{display:flex}.webcam-modal{width:100%;max-width:640px;overflow:hidden;position:relative;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalSlideIn{0%{transform:scale(.95) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.modal-title h3{font-size:1.25rem;font-weight:700}.modal-title p{font-size:.8rem;color:var(--text-secondary)}.modal-close{background:#ffffff0d;border:none;color:var(--text-primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.modal-close:hover{background:#ffffff1f}.modal-close svg{width:18px;height:18px;stroke-width:2.2}.modal-tabs{display:flex;background:var(--surface-container-low);border-bottom:1px solid rgba(255,255,255,.05);padding:.25rem 1.5rem;gap:.5rem}.modal-tab{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;border-bottom:3px solid transparent;transition:var(--transition-smooth)}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{color:var(--color-sun);font-weight:700;border-bottom-color:var(--color-sun)}.webcam-feed-container{width:100%;height:360px;position:relative;background:#000;overflow:hidden}.webcam-backdrop-img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.95);transition:filter .5s ease}.webcam-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;transition:var(--transition-smooth)}.webcam-overlay.sun-flare{background:radial-gradient(circle at 80% 20%,rgba(251,191,36,.25) 0%,transparent 60%)}.webcam-overlay.foggy{background:#ffffff14;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.webcam-overlay.foggy:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#c8c8c826,#c8c8c808)}.webcam-overlay.rainy{background:#00000026}.webcam-overlay.rainy:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(ellipse at 70% 40%,rgba(255,255,255,.3) 1.5px,transparent 1.5px),radial-gradient(ellipse at 10% 60%,rgba(255,255,255,.2) 1.2px,transparent 1.2px),radial-gradient(ellipse at 85% 80%,rgba(255,255,255,.3) 1.8px,transparent 1.8px);background-size:120px 180px;animation:rainAnim .8s linear infinite}@keyframes rainAnim{0%{background-position:0px 0px}to{background-position:40px 180px}}.webcam-hud-top{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.35rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-family:monospace;font-size:.75rem;letter-spacing:.05em;z-index:3}.hud-dot{width:8px;height:8px;background:var(--color-danger);border-radius:50%;animation:pulseDot 1s infinite alternate}@keyframes pulseDot{0%{opacity:.4}to{opacity:1}}.webcam-hud-bottom{position:absolute;bottom:1rem;right:1rem;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.35rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-family:monospace;font-size:.75rem;z-index:3}.section-title{font-family:var(--font-sans);font-size:var(--font-size-headline-lg);font-weight:700;line-height:40px;margin-bottom:.5rem}.section-subtitle{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-body-md);font-weight:400;line-height:24px;margin-bottom:1.5rem}.chaser-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}.control-panel{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-sans);font-size:var(--font-size-label-sm);font-weight:600;line-height:16px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.custom-select{width:100%;background:var(--surface-container-low);border:1px solid var(--border-color);border-radius:var(--rounded-lg);padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-body-md);cursor:pointer;outline:none;transition:var(--transition-smooth)}.custom-select:focus{border-color:var(--secondary-container);box-shadow:var(--shadow-sun)}.custom-select option{background:var(--surface-container-lowest);color:var(--text-primary)}.search-btn{background:var(--secondary-container);color:var(--surface-container-lowest);border:none;border-radius:var(--rounded-lg);padding:.85rem;font-family:inherit;font-weight:700;font-size:var(--font-size-body-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.search-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sun)}.search-btn svg{width:18px;height:18px;stroke-width:2.2}.results-panel{display:flex;flex-direction:column;gap:1.25rem}.route-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:var(--transition-smooth)}.route-card:hover{border-color:#ffffff1a;background:#ffffff0a}.route-left{display:flex;align-items:center;gap:1rem}.route-index{width:32px;height:32px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--text-secondary)}.route-info h4{font-size:1.1rem;font-weight:700}.route-info p{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.route-info p svg{width:14px;height:14px}.route-right{display:flex;align-items:center;gap:1.25rem}.route-score{font-size:1.4rem;font-weight:800;color:var(--color-sun)}.route-action-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth)}.route-action-btn:hover{background:var(--text-primary);color:var(--bg-deep)}.route-action-btn svg{width:18px;height:18px;stroke-width:2.2}.info-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;border:1px dashed var(--border-color);border-radius:20px;color:var(--text-secondary)}.info-state svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:1rem}.info-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.levada-table-card{padding:0;overflow:hidden}.levada-filter-bar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap;gap:1rem}.levada-search{position:relative;max-width:300px;width:100%}.levada-search input{width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:100px;padding:.6rem 1rem .6rem 2.25rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:var(--transition-smooth)}.levada-search input:focus{border-color:var(--color-sun-glow)}.levada-search svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.filter-tags{display:flex;gap:.5rem}.filter-tag{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem 1rem;font-size:.85rem;font-weight:600;border-radius:100px;cursor:pointer;transition:var(--transition-smooth)}.filter-tag.active{background:#ffffff1a;color:var(--text-primary);border-color:#fff3}.levada-list{display:flex;flex-direction:column}.levada-row{display:grid;grid-template-columns:1fr 150px 120px 80px;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);transition:var(--transition-smooth)}.levada-row:last-child{border-bottom:none}.levada-row:hover{background:#ffffff03}.levada-name{font-weight:700;font-size:1.05rem}.levada-region{color:var(--text-secondary);font-size:.9rem}.levada-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-open{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-closed{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.badge-caution{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.levada-info-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:flex-end;transition:var(--transition-smooth)}.levada-info-btn:hover{color:var(--text-primary)}.levada-info-btn svg{width:20px;height:20px;stroke-width:2.2}.parking-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 768px){:root{--font-size-headline-lg: 24px}.container{padding:20px}body{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}header{justify-content:center;text-align:center;margin-bottom:1.5rem}.desktop-nav{display:none}.nav-bar{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#0c1122cc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-color);padding:.5rem .25rem calc(.5rem + env(safe-area-inset-bottom,0px));z-index:999;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #0000004d}.nav-bar .nav-tab{flex-direction:column;padding:.35rem .25rem;font-size:.65rem;font-weight:600;gap:.25rem;color:var(--text-secondary);flex:1;text-align:center}.nav-bar .nav-tab.active{background:transparent;color:var(--color-sun-glow)}.nav-bar .nav-tab svg{width:20px;height:20px}.chaser-layout,.parking-layout{grid-template-columns:1fr!important}.dashboard-grid{grid-template-columns:1fr!important;gap:1rem}.levada-row{grid-template-columns:1fr 100px;gap:.5rem;padding:1rem}.levada-region{grid-column:1;font-size:.8rem}.levada-badge{grid-column:2;grid-row:1 / 3;align-self:center;font-size:.7rem;padding:.25rem .5rem}.levada-info-btn{display:none}input,select,textarea{font-size:16px!important;min-height:44px}.webcam-btn,.search-btn,.whatsapp-btn{min-height:44px}.modal-overlay{align-items:flex-end;padding:0}.webcam-modal{max-width:100%;border-radius:24px 24px 0 0;border-bottom:none;animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawerSlideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.webcam-feed-container{height:280px}.modal-tabs{padding:.25rem 1rem;gap:.25rem}.modal-tab{font-size:.8rem;padding:.5rem .75rem;gap:.3rem}.modal-footer{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))!important}.levada-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:1rem!important}.levada-search{max-width:100%!important;width:100%!important}.filter-tags{display:flex!important;overflow-x:auto!important;width:100%!important;padding-bottom:.25rem!important;gap:.35rem!important;-webkit-overflow-scrolling:touch}.filter-tag{flex:1!important;text-align:center!important;white-space:nowrap!important;padding:.4rem .6rem!important}}.producer-card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.producer-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.producer-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-success) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.producer-details h4{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.producer-details span{font-size:.75rem;color:var(--text-secondary);display:block}.producer-products{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.product-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.35rem .5rem;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.03)}.product-name{color:var(--text-primary);font-weight:500}.product-price{color:var(--color-sun);font-weight:600}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:var(--rounded-lg);padding:.65rem;font-family:inherit;font-weight:700;font-size:var(--font-size-body-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-smooth);box-shadow:0 4px 12px #25d36626}.whatsapp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #25d3664d}.whatsapp-btn svg{width:16px;height:16px;fill:currentColor}.parking-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--surface-container-low);border:1px solid var(--border-color);border-radius:var(--rounded-md)}.parking-header{display:flex;justify-content:space-between;align-items:center}.parking-title{font-weight:700;font-size:var(--font-size-body-md);color:var(--text-primary)}.parking-price{font-size:var(--font-size-label-sm);font-weight:600;color:var(--text-secondary);background:var(--surface-container-high);padding:.2rem .5rem;border-radius:var(--rounded-sm)}.parking-occupancy-info{display:flex;justify-content:space-between;font-size:var(--font-size-label-sm);color:var(--text-secondary)}.parking-bar{height:6px;background:var(--surface-container-high);border-radius:var(--rounded-full);overflow:hidden;position:relative}.parking-fill{height:100%;border-radius:var(--rounded-full);transition:width .8s ease-in-out}.fill-low{background:var(--tertiary)}.fill-mid{background:var(--secondary-container)}.fill-high{background:var(--error)}.alert-card{padding:1rem;border-radius:var(--rounded-md);background:#ffb4ab0d;border:1px solid rgba(255,180,171,.15);display:flex;gap:.75rem;box-shadow:var(--shadow-sm)}.alert-card.warning-alert{background:#ffdb3c0a;border-color:#ffdb3c26}.alert-card.info-alert{background:#b3c5ff0a;border-color:#b3c5ff26}.alert-icon{font-size:1.5rem;line-height:1}.alert-content{display:flex;flex-direction:column;gap:.15rem;width:100%}.alert-headline{display:flex;justify-content:space-between;align-items:center}.alert-title{font-weight:700;font-size:var(--font-size-body-md);color:var(--text-primary)}.alert-time{font-size:var(--font-size-label-sm);color:var(--text-muted)}.alert-desc{font-size:var(--font-size-body-md);color:var(--text-secondary)}