.install-prompt-banner{position:fixed;bottom:70px;left:1rem;right:1rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:0 4px 20px #4f46e54d;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-content{display:flex;align-items:center;gap:.75rem;flex:1}.install-prompt-icon{font-size:2rem}.install-prompt-text{display:flex;flex-direction:column;gap:.125rem}.install-prompt-text strong{font-size:.9rem}.install-prompt-text span{font-size:.75rem;opacity:.9}.install-prompt-actions{display:flex;align-items:center;gap:.5rem}.install-button{background:#fff;color:#4f46e5;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s}.install-button:active{transform:scale(.95)}.install-button.secondary{background:#4f46e5;color:#fff;width:100%;padding:.75rem}.dismiss-button{background:#fff3;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.install-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.install-prompt.ios-instructions{background:#fff;border-radius:16px;padding:1.5rem;max-width:320px;width:100%;color:#1f2937}.ios-instructions h3{margin:0 0 1rem;font-size:1.25rem}.ios-instructions p{margin:0 0 1rem;color:#6b7280}.ios-instructions ol{margin:0 0 1.5rem;padding-left:1.25rem}.ios-instructions li{margin-bottom:.75rem;line-height:1.5}.ios-icon{display:inline-block;margin-left:.25rem;font-size:1.1rem}.install-prompt-buttons{display:flex;gap:.5rem}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4f46e5;--background-color: #f9fafb;--text-color: #1f2937;--border-color: #e5e7eb;--success-color: #10b981;--warning-color: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background-color);color:var(--text-color);min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;overflow-x:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.app-header h1{font-size:1.25rem;font-weight:600}.status-indicator{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px}.status-indicator.online{color:var(--success-color);background:#10b9811a}.status-indicator.offline{color:var(--warning-color);background:#f59e0b1a}.app-main{flex:1;padding:1rem 1rem 5rem}.update-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:1rem;background:var(--primary-color);color:#fff;border-radius:.5rem}.update-banner button{padding:.5rem 1rem;background:#fff;color:var(--primary-color);border:none;border-radius:.25rem;font-weight:500;cursor:pointer}.app-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:.5rem;background:#fff;border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom,.5rem)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-color);cursor:pointer;transition:color .2s}.nav-item:hover,.nav-item:active{color:var(--primary-color)}.nav-icon{font-size:1.5rem}.nav-label{font-size:.75rem}@media (display-mode: standalone){.app-header{padding-top:env(safe-area-inset-top,1rem)}}