:root{--navy:#09284f;--blue:#123a72;--coral:#ee4b50;--yellow:#ffca20;--green:#238266;--bg:#f3f7fb;--ink:#172033;--muted:#68768b;--line:#dbe4ee;--shadow:0 15px 45px #123a721a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.demo-bar{background:var(--navy);color:#dbe9f8;place-items:center;height:31px;font-size:.76rem;display:grid}.track-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 max(20px,50vw - 570px);display:flex}.track-header>a:last-child,.preview-link{color:var(--blue);font-weight:850;text-decoration:none}.brand{color:var(--blue);align-items:center;gap:10px;text-decoration:none;display:flex}.brand>b{background:var(--blue);width:42px;height:42px;color:var(--yellow);border-radius:14px;place-items:center;font-size:1.35rem;display:grid;transform:rotate(-4deg)}.brand strong,.brand small,.coordinator-user strong,.coordinator-user small{display:block}.brand small,.coordinator-user small{color:var(--muted);font-size:.73rem}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--coral);margin:0 0 6px;font-size:.72rem;font-weight:900}.family-page,.coordinator-page{max-width:1140px;margin:auto;padding:38px 20px 70px}.journey-head,.coord-head{justify-content:space-between;align-items:center;gap:25px;display:flex}.journey-head h1,.coord-head h1{letter-spacing:-.045em;color:var(--navy);margin:.2rem 0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.journey-head>div:first-child>p:last-child,.coord-head p{color:var(--muted)}.state-card{background:linear-gradient(140deg,var(--blue),var(--navy));color:#fff;border-radius:17px;min-width:280px;padding:20px}.state-card span,.state-card strong,.state-card small{display:block}.state-card strong{margin:5px 0;font-size:1.15rem}.state-card small{color:#bed1e7}.privacy-note{background:#e7f5ef;border:1px solid #acd8c7;border-radius:14px;gap:12px;margin:22px 0;padding:14px 17px;display:flex}.privacy-note>span{background:var(--green);color:#fff;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.privacy-note p{color:#48665b;margin:0}.family-layout{grid-template-columns:1.4fr .6fr;gap:17px;display:grid}.track-panel,.publish-card,.mini-stat,.quick-actions,.history-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px}.panel-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel-title h2,.quick-actions h2{color:var(--navy);margin:.1rem 0;font-size:1.25rem}.live-dot{color:var(--green);font-size:.76rem;font-weight:850}.event-list{margin-top:15px}.event-list article{grid-template-columns:80px 18px 1fr;gap:12px;padding:16px 0;display:grid}.event-list time{color:var(--muted);font-size:.78rem;font-weight:800}.event-list i{border:3px solid #afbdcc;border-radius:50%;width:13px;height:13px;margin-top:4px;position:relative}.event-list article:not(:last-child) i:after{content:"";background:#dce4ed;width:2px;height:90px;position:absolute;top:13px;left:3px}.event-list .current i{border-color:var(--coral);background:var(--coral);box-shadow:0 0 0 5px #ffe6e7}.event-list strong,.event-list small{display:block}.event-list p{color:var(--muted);margin:3px 0}.event-list small{color:var(--green)}aside{align-content:start;gap:15px;display:grid}.route-map{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:20px 0;display:grid}.route-map>span{font-size:.75rem;font-weight:850}.route-map>div{background:#dce5ee;border-radius:9px;height:5px;position:relative}.route-map i{background:var(--blue);height:100%;display:block}.route-map b{color:var(--coral);position:absolute;top:-10px}.route-card>p:last-child{color:var(--muted);font-size:.78rem}.next-stop span,.next-stop strong,.next-stop small,.mini-stat span,.mini-stat strong,.mini-stat small{display:block}.next-stop span,.mini-stat span{color:var(--muted);font-size:.78rem}.next-stop strong,.mini-stat strong{color:var(--navy);margin:4px 0;font-size:1.12rem}.next-stop small,.mini-stat small{color:var(--muted)}.emergency{background:#fff5d9;border:1px solid #ead58a;border-radius:16px;padding:18px}.emergency p{color:#675c3c;font-size:.82rem}.emergency a{text-align:center;background:var(--navy);color:#fff;border-radius:9px;padding:.7rem;font-weight:850;text-decoration:none;display:block}.coordinator-user{align-items:center;gap:9px;display:flex}.coordinator-user i{width:38px;height:38px;color:var(--blue);background:#e7f0fb;border-radius:50%;place-items:center;font-style:normal;font-weight:850;display:grid}.coord-grid{grid-template-columns:1fr 330px;gap:17px;margin:22px 0;display:grid}.secure-badge{color:#1b6a50;background:#e7f5ef;border-radius:99px;padding:.35rem .6rem;font-size:.7rem;font-weight:850}.publish-card form{gap:14px;margin-top:20px;display:grid}.publish-card label{color:#526177;gap:6px;font-size:.78rem;font-weight:800;display:grid}.publish-card input,.publish-card select,.publish-card textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #bdc9d7;border-radius:10px;padding:.75rem}.publish-card textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.photo-control input{display:none}.photo-control>span{color:var(--blue);text-align:center;border:1px dashed #9fb0c3;border-radius:10px;padding:.7rem}.photo-control small{text-align:center;color:var(--muted)}.publish-card .confirm{background:#f2f6fa;border-radius:10px;grid-template-columns:none;align-items:flex-start;gap:9px;padding:12px;display:flex}.confirm input{width:19px;height:19px;accent-color:var(--blue)}.publish-card form>button{background:var(--coral);color:#fff;border:0;border-radius:11px;padding:.85rem;font-weight:900}.coord-side{align-content:start;gap:12px;display:grid}.quick-actions{gap:8px;display:grid}.quick-actions button{border:1px solid var(--line);color:var(--blue);text-align:left;background:#f7f9fc;border-radius:9px;padding:.65rem;font-weight:800}.history-card article{border-top:1px solid var(--line);grid-template-columns:90px 1fr auto;gap:15px;padding:14px 0;display:grid}.history-card time{color:var(--muted);font-size:.78rem;font-weight:800}.history-card p{color:var(--muted);margin:3px 0}.history-card em{color:var(--green);font-size:.72rem;font-style:normal;font-weight:850}.history-card .panel-title>button{color:var(--coral);background:0 0;border:0;font-weight:850}.toast{background:var(--navy);color:#fff;opacity:0;pointer-events:none;z-index:30;border-radius:11px;padding:.8rem 1rem;transition:all .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=820px){.journey-head,.coord-head{flex-direction:column;align-items:flex-start}.state-card{width:100%}.family-layout,.coord-grid{grid-template-columns:1fr}.coord-side{grid-template-columns:1fr 1fr}.quick-actions{grid-column:1/-1}}@media (width<=560px){.demo-bar{font-size:.64rem}.track-header{height:68px;padding:0 13px}.track-header>a:last-child,.coordinator-user span{display:none}.family-page,.coordinator-page{padding:25px 12px 50px}.journey-head h1,.coord-head h1{font-size:2rem}.privacy-note,.panel-title{align-items:flex-start}.live-dot,.secure-badge{display:none}.event-list article{grid-template-columns:65px 15px 1fr}.coord-side,.form-row{grid-template-columns:1fr}.history-card article{grid-template-columns:65px 1fr}.history-card em{grid-column:2}}