:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#f5f5f2;color:#222}.app{max-width:1400px;margin:0 auto;padding:24px 16px 64px}.app__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app__header h1{font-size:1.5rem;margin:0}button{cursor:pointer;border:1px solid #999;background:#fff;border-radius:4px;padding:8px 14px;font-size:.9rem}button:hover{background:#eee}.trip-form{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:24px;max-width:480px}.trip-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#444}.trip-form input,.trip-form textarea{font-size:1rem;padding:6px 8px;border:1px solid #ccc;border-radius:4px}.trip-form__distance{margin:0;font-size:.9rem;color:#444}.trip-form__errors{color:#b00020;background:#fde8e8;border-radius:4px;padding:8px 16px;margin:0}.trip-form__actions{display:flex;gap:8px;margin-top:8px}.trip-form__breaks{display:flex;flex-direction:column;gap:8px;border-top:1px solid #eee;padding-top:12px}.trip-form__breaks-label{font-size:.85rem;color:#444}.trip-form__break{display:flex;flex-direction:column;gap:8px;background:#f9f9f7;border:1px solid #eee;border-radius:6px;padding:10px}.trip-form__break-title{font-size:.85rem;color:#444}.trip-form__break-fields{display:flex;flex-wrap:wrap;gap:8px}.trip-form__break-fields label{flex:1 1 180px;min-width:140px}.trip-form__break-remove{align-self:flex-start}.trip-list__wrapper{width:100%;overflow-x:auto}.trip-list{width:100%;border-collapse:collapse;background:#fff}.trip-list th,.trip-list td{text-align:left;padding:8px 10px;border-bottom:1px solid #eee;font-size:.9rem}.trip-list__value{white-space:pre-wrap}.trip-list td.trip-list__edit-cell{background:#f9f9f7;padding:16px;text-align:left}.trip-list__edit-cell .trip-form{margin-bottom:0;max-width:none}.trip-list__actions{display:flex;gap:6px;white-space:nowrap}.trip-list__empty{color:#777}.pagination{display:flex;align-items:center;gap:12px;margin-top:16px}.pagination__status{font-size:.9rem;color:#444}.login-screen{max-width:420px;margin:80px auto;padding:32px;background:#fff;border:1px solid #ddd;border-radius:8px;text-align:center}.login-screen h1{font-size:1.3rem;margin-top:0}.login-screen__error{color:#b00020;margin-top:16px}@media (max-width: 640px){.app{padding:16px 12px 48px}.app__header{flex-direction:column;align-items:stretch;gap:12px}.app__header h1{font-size:1.2rem}.app__header button{width:100%;padding:12px 14px}.trip-form{max-width:none;padding:16px}.trip-form input,.trip-form textarea,.trip-form button{font-size:16px}.trip-list__wrapper{overflow-x:visible}.trip-list thead{display:none}.trip-list,.trip-list tbody,.trip-list tr,.trip-list td{display:block;width:100%}.trip-list tr{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px 14px;margin-bottom:12px}.trip-list td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0;text-align:right}.trip-list td:last-child{border-bottom:none}.trip-list td:before{content:attr(data-label);font-size:.8rem;color:#777;text-align:left;flex-shrink:0}.trip-list td.trip-list__edit-cell{display:block;text-align:left;padding:0;width:100%}.trip-list td.trip-list__edit-cell:before{content:none}.trip-list tr.trip-list__edit-row{background:transparent;border:none;padding:0}.trip-list__value{min-width:0;overflow-wrap:break-word}.trip-list__actions{justify-content:flex-end;padding-top:12px}.trip-list__actions button{flex:1;padding:10px 8px}.pagination{justify-content:space-between}.pagination button{flex:1;padding:10px 8px}.login-screen{margin:40px auto;padding:24px 20px}}