:root{color-scheme:light}body{margin:0;font-family:system-ui,sans-serif;background:#f7f7f7;color:#222}.page{max-width:720px;margin:0 auto;padding:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.app-title{font-weight:700;font-size:1.1rem;color:inherit;text-decoration:none}.app-nav{display:flex;align-items:center;gap:.75rem}.app-user{color:#555;font-size:.9rem}h1{font-size:1.5rem}form{display:flex;flex-direction:column;gap:.35rem;max-width:360px;margin:1rem 0}form label{font-size:.85rem;font-weight:600;margin-top:.5rem}input,select,textarea{font:inherit;padding:.5rem;border:1px solid #ccc;border-radius:4px}.field-row{display:flex;gap:.75rem}.field-row>div{flex:1}textarea{resize:vertical;min-height:4rem}button{font:inherit;padding:.55rem 1rem;border:none;border-radius:4px;background:#1a5cff;color:#fff;cursor:pointer;align-self:flex-start;margin-top:.5rem}button:disabled{opacity:.6;cursor:not-allowed}.button-secondary{background:none;color:#1a5cff;border:1px solid #1a5cff}.link-button{background:none;color:#b00020;padding:0;margin:0;text-decoration:underline;font-size:.85rem}.field-hint{color:#666;font-size:.85rem;margin:.15rem 0 .5rem}.error-message{color:#b00020;background:#fdecea;border:1px solid #f5c6cb;border-radius:4px;padding:.5rem .75rem;margin:.5rem 0}.notice{border-radius:4px;padding:.5rem .75rem;margin:.5rem 0}.notice--success{color:#14532d;background:#e6f4ea;border:1px solid #b7e1c3}.notice--warning{color:#7a1220;background:#fdecea;border:1px solid #f5c6cb;font-weight:600}.loading{color:#666}.maintenance-list,.activity-list{list-style:none;padding:0}.activity-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #e2e2e2}.activity-distance{margin-left:auto;color:#555;font-size:.9rem}.activity-bike{color:#555;font-size:.9rem}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}@media(max-width:480px){.card-grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;border-radius:10px;border:1px solid #e2e2e2;background:#fff;box-shadow:0 1px 3px #0000000f;text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease}.card:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-1px)}.card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.05rem}.card-subtitle{color:#555;font-size:.9rem}.maintenance-list li{padding:.5rem 0;border-bottom:1px solid #e2e2e2}.status-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.status-badge--green{background:#e6f4ea;color:#14532d}.status-badge--orange{background:#fff3cd;color:#7a4e00}.status-badge--red{background:#fdecea;color:#7a1220}.progress-bar-label{display:flex;justify-content:space-between;color:#555;font-size:.85rem;margin-bottom:.25rem}.progress-bar{height:8px;border-radius:4px;background:#e2e2e2;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px}.progress-bar--green .progress-bar-fill{background:#14532d}.progress-bar--orange .progress-bar-fill{background:#7a4e00}.progress-bar--red .progress-bar-fill{background:#7a1220}.sync-panel{margin:1rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,#e2e2e2 25%,#ececec 37%,#e2e2e2 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-heading{height:1.75rem;width:240px;max-width:60%;margin:.5rem 0}.skeleton-title{height:1.05rem;width:60%;margin-bottom:.6rem}.skeleton-line{height:.9rem;width:90%}.skeleton-list{list-style:none;padding:0}.skeleton-list li{padding:.5rem 0;border-bottom:1px solid #e2e2e2}