:root{--bg:#f7f8fa;--ink:#1e2a44;--muted:#8b93a7;--primary:#2bb8a8;--accent:#f98152;--soft:#e8f7f5;--danger:#e5484d;--card:#fff;--radius-card:16px;--radius-field:12px;--radius-pill:999px;--shadow:0 8px 24px #1e2a440f;--cover:linear-gradient(135deg, #2bb8a8, #f98152);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.btn{cursor:pointer;border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-ghost{background:var(--soft);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-accent{background:var(--accent);color:#fff}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow)}.field{background:var(--bg);border-radius:var(--radius-field);width:100%;color:var(--ink);border:1px solid #0000;outline:none;padding:12px 14px}.field:focus{border-color:var(--primary);background:#fff}.chip{cursor:pointer;border-radius:var(--radius-pill);background:var(--soft);color:var(--ink);border:none;align-items:center;padding:8px 14px;font-weight:500;display:inline-flex}.chip.active{background:var(--primary);color:#fff}.chip.accent.active{background:var(--accent);color:#fff}.search{border-radius:var(--radius-pill);width:100%;max-width:320px;box-shadow:var(--shadow);background:#fff;border:none;outline:none;padding:10px 18px}.cover{background:var(--cover);border-radius:var(--radius-card)}.muted{color:var(--muted)}.error-text{color:var(--danger);font-size:.875rem}.toast{background:var(--ink);color:#fff;border-radius:var(--radius-field);box-shadow:var(--shadow);z-index:50;padding:12px 18px;animation:.25s rise;position:fixed;bottom:24px;right:24px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s fade-in}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand-mark{background:var(--cover);border-radius:12px;width:36px;height:36px}.brand-name{font-size:1.1rem;font-weight:700}.brand-sub{font-size:.75rem}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav a{border-radius:var(--radius-field);color:var(--muted);padding:12px 14px;font-weight:500;transition:background .15s,color .15s}.nav a:hover{background:var(--bg);color:var(--ink)}.nav a.active{background:var(--soft);color:var(--primary);font-weight:600}.sidebar-foot{flex-direction:column;gap:12px;padding:8px;display:flex}.who{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.main{max-width:1100px;padding:32px 40px}.page-title{margin:0 0 8px;font-size:1.75rem;font-weight:700}.page-desc{margin:0 0 24px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{padding:20px}.stat-card .label{color:var(--muted);font-size:.875rem}.stat-card .value{margin-top:8px;font-size:1.75rem;font-weight:700}.list{flex-direction:column;gap:12px;display:flex}.trip-card{grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:12px;transition:transform .15s;display:grid}.trip-card:hover{transform:translateY(-2px)}.trip-cover{border-radius:12px;height:80px}.trip-meta h3{margin:0 0 4px;font-size:1.05rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.tabs{background:var(--soft);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.tabs button{border-radius:var(--radius-pill);cursor:pointer;color:var(--muted);background:0 0;border:none;padding:8px 16px;font-weight:600}.tabs button.active{color:var(--primary);box-shadow:var(--shadow);background:#fff}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #f0f2f5;padding:12px 14px}.table th{color:var(--muted);font-size:.85rem;font-weight:500}.matrix{overflow:auto}.matrix table{border-collapse:collapse;width:100%}.matrix th,.matrix td{text-align:center;border-bottom:1px solid #f0f2f5;padding:10px 12px}.matrix th:first-child,.matrix td:first-child{text-align:left}.empty{text-align:center;color:var(--muted);padding:64px 24px}.empty .cover{width:120px;height:80px;margin:0 auto 16px}.form-grid{gap:16px;display:grid}.form-row{gap:6px;display:grid}.form-row label{font-size:.875rem;font-weight:600}.stop-list{flex-direction:column;gap:10px;display:flex}.stop-item{background:var(--bg);border-radius:var(--radius-field);grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:100%;max-width:420px;overflow:hidden}.login-hero{height:120px}.login-body{padding:28px}.login-body h1{margin:0 0 8px;font-size:1.5rem}.login-body form{gap:14px;margin-top:20px;display:grid}.hint{color:var(--muted);margin-top:16px;font-size:.8rem}.todo-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.todo-count{color:var(--primary);font-weight:700}.todo-bar{border-radius:var(--radius-pill);background:#e8eaef;height:6px;margin-bottom:12px;overflow:hidden}.todo-bar-fill{background:var(--primary);border-radius:var(--radius-pill);height:100%;transition:width .2s}.todo-ready{color:var(--primary);margin:0 0 12px;font-size:.95rem}.todo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.todo-row{background:var(--bg);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.todo-row.done .todo-text{color:var(--muted);text-decoration:line-through}.todo-check{cursor:pointer;background:0 0;border:2px solid #c5cad6;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0}.todo-check.on{background:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 3px #fff}.todo-check:disabled{cursor:not-allowed;opacity:.5}.todo-text{word-break:break-word;flex:1;min-width:0;font-weight:500}.todo-row-actions{flex-shrink:0;gap:8px;display:flex}.todo-row-actions .btn{padding:6px 14px;font-size:.85rem}.modal-mask{z-index:100;background:#1e2a4466;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);width:min(420px,100%);padding:24px}.todo-modal-meta{text-align:right;color:var(--muted);margin-top:8px;font-size:.85rem}.todo-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center}.nav{flex-flow:wrap}.stats{grid-template-columns:1fr 1fr}.trip-card{grid-template-columns:1fr}.main{padding:20px}}