*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #378ADD;--blue-light: #E6F1FB;--blue-dark: #185FA5;--gray-50: #f9f9f7;--gray-100: #f1f0eb;--gray-200: #e0dfd8;--gray-400: #9b9a93;--gray-600: #5f5e5a;--gray-900: #1a1a18;--green: #639922;--green-light: #EAF3DE;--amber: #BA7517;--amber-light: #FAEEDA;--red: #E24B4A;--red-light: #FCEBEB;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{height:100%;font-family:var(--font);background:var(--gray-50);color:var(--gray-900);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{max-width:480px;margin:0 auto;min-height:100%;background:#fff;display:flex;flex-direction:column;position:relative}.page-content{flex:1;overflow-y:auto;padding:0 0 80px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:64px;background:#fff;border-top:.5px solid var(--gray-200);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:8px 0;text-decoration:none;color:var(--gray-400);font-size:10px}.nav-item.active{color:var(--blue)}.nav-item svg{width:22px;height:22px}.page-header{padding:16px 16px 12px;background:#fff;border-bottom:.5px solid var(--gray-200);position:sticky;top:0;z-index:10}.page-header h1{font-size:17px;font-weight:600}.page-header p{font-size:12px;color:var(--gray-400);margin-top:1px}.card{background:#fff;border:.5px solid var(--gray-200);border-radius:var(--radius-md);padding:14px 16px}.card+.card{margin-top:8px}.offline-banner{background:var(--amber-light);color:var(--amber);text-align:center;font-size:12px;padding:6px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.75}.btn-primary{background:var(--blue);color:#fff;width:100%}.btn-ghost{background:transparent;border:.5px solid var(--gray-200);color:var(--gray-600)}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:12px;color:var(--gray-600);font-weight:500}.form-input{background:var(--gray-50);border:.5px solid var(--gray-200);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;color:var(--gray-900);font-family:var(--font);width:100%}.form-input:focus{outline:none;border-color:var(--blue)}.pill{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:20px}.pill-warn{background:var(--amber-light);color:var(--amber)}.pill-ok{background:var(--green-light);color:var(--green)}.pill-blue{background:var(--blue-light);color:var(--blue-dark)}.pill-local{background:var(--gray-100);color:var(--gray-600)}.fab{position:fixed;bottom:80px;right:calc(50% - 220px);width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #378add4d;z-index:50}@media (max-width: 480px){.fab{right:20px}}.timeline{padding:8px 16px}.tl-item{display:flex;gap:12px;padding-bottom:16px}.tl-dot-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.tl-line{width:1px;background:var(--gray-200);flex:1;margin-top:4px}.tl-body{flex:1}.tl-date{font-size:11px;color:var(--gray-400)}.tl-name{font-size:14px;font-weight:500;margin:2px 0}.tl-meta{font-size:12px;color:var(--gray-400)}