@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Sora:wght@400;600;700;800;900&display=swap";:root{--bg:#f4f6f9;--bg-card:#fff;--ink:#1d1d1f;--muted:#86868b;--line:#e8e8ed;--blue:#0071e3;--blue-soft:#e5f1fd;--red:#df2a2a;--red-soft:#fdecec;--green:#1d9b58;--green-soft:#e6f6ed;--orange:#d97706;--orange-soft:#fff7ed;--purple:#7c3aed;--purple-soft:#f5f3ff;--amber:#b45309;--amber-soft:#fffbeb;--font-sora:"Sora", -apple-system, sans-serif;--font-nunito:"Nunito", -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-nunito);background-color:var(--bg);color:var(--ink);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,b{font-family:var(--font-sora)}.app-container{background-color:#fff;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 10px 30px #00000008}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:50;background-color:#ffffffd9;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}header.alert-mode{background-color:var(--red);color:#fff;border-bottom-color:#ffffff1a}.logo-wrap{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--blue), #00459e);color:#fff;width:38px;height:38px;font-size:18px;font-weight:900;font-family:var(--font-sora);border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0071e340}.logo-text b{letter-spacing:-.3px;font-size:15px;font-weight:800;display:block}.logo-text small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;display:block}header.alert-mode .logo-text small{color:#ffffffb3}.header-btn{cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-btn:hover{background-color:var(--line)}header.alert-mode .header-btn{color:#fff}header.alert-mode .header-btn:hover{background-color:#ffffff26}main{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.card{background-color:var(--bg-card);border:1px solid var(--line);border-radius:24px;padding:20px;transition:all .2s;position:relative}.card.lost-alert{border-color:#df2a2a4d;box-shadow:0 8px 20px #df2a2a0d}.card.lost-alert:before{content:"";background:linear-gradient(90deg, var(--red), #ff5b5b);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.chip{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.chip.motorcyclist{background-color:var(--blue-soft);color:var(--blue)}.chip.extreme{background-color:var(--orange-soft);color:var(--orange)}.chip.elderly{background-color:var(--purple-soft);color:var(--purple)}.chip.pet{background-color:var(--amber-soft);color:var(--amber)}.chip.object{color:#48484a;background-color:#f2f2f7}.frow{flex-direction:column;gap:6px;width:100%;display:flex}.frow label{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;font-size:11px;font-weight:800}.frow input,.frow select,.frow textarea{border:1px solid var(--line);width:100%;font-size:14px;font-family:var(--font-nunito);color:var(--ink);background-color:#f8f9fb;border-radius:16px;outline:none;padding:12px 16px;transition:all .2s}.frow input:focus,.frow select:focus,.frow textarea:focus{border-color:var(--blue);background-color:#fff;box-shadow:0 0 0 3px #0071e31a}.frow textarea{resize:none}.fgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ice-row{border-bottom:1px solid #e4e4eb99;justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.ice-row:last-child{border-bottom:none}.ice-label{color:var(--muted);font-weight:600}.ice-val{text-align:right;font-weight:700}.ice-val.urgent{color:var(--red);background-color:var(--red-soft);border-radius:6px;padding:2px 8px;font-weight:900}.btn{width:100%;font-size:14px;font-weight:800;font-family:var(--font-sora);cursor:pointer;text-align:center;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;transition:all .2s;display:flex}.btn.pri{background:linear-gradient(135deg, var(--blue), #0056b3);color:#fff;box-shadow:0 4px 12px #0071e333}.btn.pri:hover{opacity:.95;transform:translateY(-1px)}.btn.sec{color:var(--ink);background-color:#e8e8ed}.btn.sec:hover{background-color:#dddddf}.btn.alert{background:linear-gradient(135deg, var(--red), #b21b1b);color:#fff;box-shadow:0 4px 12px #df2a2a33}.btn.alert:hover{opacity:.95;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.alert-switch{border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.alert-switch.safe{background-color:var(--green-soft);color:var(--green);border-color:#1d9b5833}.alert-switch.lost{background-color:var(--red-soft);color:var(--red);border-color:#df2a2a33}.switch-bar{border-radius:100px;width:32px;height:18px;transition:background-color .2s;position:relative}.switch-bar.safe{background-color:#a3d4b6}.switch-bar.lost{background-color:#f2a8a8}.switch-dot{background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.25,.8,.25,1);position:absolute;top:2px;box-shadow:0 1px 3px #00000026}.switch-dot.safe{left:2px}.switch-dot.lost{left:16px}.ice-contact-card{border:1px solid var(--line);color:var(--ink);background-color:#f8f9fb;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.ice-contact-card:last-child{margin-bottom:0}.ice-contact-card:hover{background-color:#edeef2}.ice-contact-card.urgent{background-color:var(--red-soft);color:var(--red);border-color:#df2a2a26}.ice-contact-card.urgent:hover{background-color:#fcdcdc}.ice-avatar{background-color:var(--blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.ice-contact-card.urgent .ice-avatar{background-color:var(--red)}.ice-info{flex:1;margin-left:12px}.ice-info b{font-size:14px;font-weight:700;display:block}.ice-info span{opacity:.8;font-size:11px;display:block}.call-icon{font-size:16px}.spinner{border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-circle{background-color:#df2a2a26;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 12px;display:flex;position:relative}.pulse-circle:after{content:"";border:1px solid var(--red);opacity:.8;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}.pulse-inner{background-color:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:.3;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}.export-preview-card{border:2px solid var(--ink);background-color:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;margin:0 auto;padding:20px;display:flex;box-shadow:0 4px 20px #0000000f}.export-tagname{text-transform:uppercase;color:var(--ink);letter-spacing:.5px;font-size:13px;font-weight:800}.export-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.export-url{color:var(--muted);word-break:break-all;text-align:center;margin-top:4px;font-family:monospace;font-size:9px}.login-wrap{flex-direction:column;justify-content:center;min-height:80vh;padding:20px;display:flex}.login-header{text-align:center;margin-bottom:30px}.login-header h1{letter-spacing:-.5px;margin-top:12px;font-size:26px;font-weight:900}.login-header p{color:var(--muted);font-size:14px}.login-tabs{background-color:#edeef2;border-radius:14px;margin-bottom:20px;padding:4px;display:flex}.login-tab-btn{cursor:pointer;color:var(--muted);font-size:13px;font-weight:800;font-family:var(--font-sora);background:0 0;border:none;border-radius:10px;flex:1;padding:10px;transition:all .2s}.login-tab-btn.active{color:var(--ink);background-color:#fff;box-shadow:0 2px 6px #0000000d}.metrics-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-card{border:1px solid var(--line);text-align:center;background-color:#fff;border-radius:18px;padding:12px}.metric-card b{font-size:22px;font-weight:900;display:block}.metric-card.alert-metric b{color:var(--red)}.metric-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.coffee-btn{border:1px solid var(--line);color:var(--muted);background-color:#fff;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:10px auto 30px;padding:10px 16px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000000a}.coffee-btn:hover{color:#b45309;border-color:#fcd34d;box-shadow:0 6px 20px #fcd34d26}.toast-msg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:100;pointer-events:none;background-color:#1d1d1ff2;border-radius:16px;padding:12px 24px;font-size:13px;font-weight:700;animation:3s forwards fade-in-out;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000026}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.event-item{background-color:#f8f9fb;border-radius:14px;gap:10px;margin-bottom:8px;padding:10px;font-size:12px;display:flex}.event-icon{font-size:16px}.event-details b{color:var(--ink);display:block}.event-details span{color:var(--muted);display:block}@keyframes pulse-btn{0%{transform:scale(1);box-shadow:0 4px 12px #df2a2a66}50%{transform:scale(1.02);box-shadow:0 4px 20px #df2a2ab3}to{transform:scale(1);box-shadow:0 4px 12px #df2a2a66}}.app-container.dark-theme{color:#fff!important;background-color:#0f0f12!important}.app-container.dark-theme .card{color:#fff;background-color:#1c1c1e;border-color:#ffffff14}.app-container.dark-theme .ice-row{border-bottom-color:#ffffff14}.app-container.dark-theme .ice-label{color:#a1a1a6}.app-container.dark-theme .ice-contact-card{color:#fff;background-color:#1c1c1e;border-color:#ffffff14}.app-container.dark-theme .ice-contact-card.urgent{color:#fff;background-color:#1c1c1e;border-color:#ff3b30}.app-container.dark-theme .ice-contact-card.urgent .ice-avatar{color:#fff;background-color:#ff3b30}.app-container.dark-theme .ice-contact-card.urgent b{color:#fff}.app-container.dark-theme .ice-contact-card.urgent span{color:#a1a1a6}.app-container.dark-theme .ice-contact-card.urgent .call-icon{color:#ff3b30}.app-container.dark-theme .frow textarea{color:#fff;background-color:#2c2c2e;border-color:#ffffff1a}.app-container.dark-theme .frow textarea:focus{background-color:#1c1c1e;border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b3040}.app-container.dark-theme .btn.alert{background:linear-gradient(135deg,#ff3b30,#c61a09);border:2px solid #fff;animation:2s infinite pulse-btn;box-shadow:0 0 15px #ff3b3099}