:root{--e:#0b5d46;--bg:#f3f6f5;--muted:#64736d;--danger:#a62b2b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:Arial,sans-serif}.app{max-width:720px;margin:auto;padding:14px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0}header p{margin:4px 0 12px;color:var(--muted)}.icon-btn{border:0;background:none;font-size:1.5rem}.route-card{background:#fff;border:2px solid #d7e2dd;border-radius:14px;padding:12px;margin-bottom:12px}.route-card.active{border-color:#1f8f5f}.route-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.route-indicator{display:inline-block;width:11px;height:11px;border-radius:50%;background:#999;margin-right:7px}.active .route-indicator{background:#1f8f5f}.route-start-btn,.route-stop-btn{border:0;border-radius:9px;padding:10px;font-weight:bold}.route-start-btn{background:var(--e);color:#fff}.route-stop-btn{background:#fde9e9;color:var(--danger)}.route-card label{display:block;margin-top:10px;color:var(--muted);font-size:.82rem}.route-card input,.settings-panel input{width:100%;padding:10px;margin-top:5px;border:1px solid #ccd5d1;border-radius:8px}.route-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.route-stats div{background:#f5f8f7;border-radius:9px;padding:8px;text-align:center}.route-stats strong{display:block;color:var(--e)}.route-stats span{font-size:.68rem;color:var(--muted)}.camera-card{position:relative;background:#111;border-radius:18px;overflow:hidden;height:54vh}.camera-card video{width:100%;height:100%;object-fit:cover}.capture-btn{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:84px;height:84px;border-radius:50%;border:0}.capture-ring{display:block;width:64px;height:64px;border:5px solid var(--e);border-radius:50%;margin:auto}.status{position:absolute;top:14px;left:14px;right:14px;background:rgba(0,0,0,.58);color:#fff;padding:10px;border-radius:10px;text-align:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stats div{background:#fff;border-radius:14px;padding:12px;text-align:center}.stats strong{display:block;color:var(--e);font-size:1.3rem}.stats span{font-size:.78rem;color:var(--muted)}.settings-panel{background:#fff;border-radius:14px;padding:16px;margin-top:12px}.settings-panel label{display:block;margin:10px 0}.primary-btn,.secondary-btn,.danger-btn,.secondary-link{display:block;width:100%;padding:12px;border:0;border-radius:9px;margin-top:8px;text-align:center;text-decoration:none;font-weight:bold}.primary-btn{background:var(--e);color:#fff}.secondary-btn,.secondary-link{background:#e9f1ee;color:#073f31}.danger-btn{background:#fde9e9;color:var(--danger)}.hidden{display:none!important}.note{text-align:center;color:var(--muted);font-size:.84rem}@media(max-width:480px){.route-stats{grid-template-columns:repeat(2,1fr)}}