:root{--primary: #0d9488;--primary-light: #14b8a6;--primary-dark: #0f766e;--accent: #06b6d4;--safe: #10b981;--warning: #f59e0b;--danger: #ef4444;--surface: #f8fafc}@keyframes pulse{0%{box-shadow:0 0 0 3px #0d948866,0 2px 8px #0000004d}50%{box-shadow:0 0 0 8px #0d94881a,0 2px 8px #0000004d}to{box-shadow:0 0 0 3px #0d948866,0 2px 8px #0000004d}}@keyframes status-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.user-marker{animation:pulse 2s infinite}.status-btn-active{animation:status-pulse 2s ease-in-out infinite}.gradient-header{background:linear-gradient(135deg,#0d9488,#0891b2)}.gradient-header-dark{background:linear-gradient(135deg,#1f2937,#111827)}.card-shadow{box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d}.tool-card{transition:all .2s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.tool-card:active{transform:scale(.97)}.nav-item{transition:all .2s ease}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon{background:linear-gradient(135deg,#0d9488,#0891b2);color:#fff}body{-webkit-tap-highlight-color:transparent}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}