*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%;background:#f3f4f6;color:#111827;font-family:PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.page{min-height:100vh;padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.page-title{font-size:20px;font-weight:700;margin-bottom:16px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f}.card+.card{margin-top:12px}.muted{color:#6b7280;font-size:13px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.tag-warning{background:#fef3c7;color:#92400e}.tag-success{background:#dcfce7;color:#166534}.tag-info{background:#dbeafe;color:#1d4ed8}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.btn-primary{background:#14532d;color:#fff}.btn-secondary{background:#e5e7eb;color:#111827}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;font-size:14px;color:#374151}.field input{width:100%;min-height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;font-size:16px}.empty{padding:48px 16px;text-align:center;color:#9ca3af}.loading-mask{padding:48px 16px;text-align:center;color:#6b7280}.line-list{margin-top:12px;border-top:1px solid #f3f4f6;padding-top:12px}.line-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #e5e7eb;font-size:14px}.line-item:last-child{border-bottom:none}.toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translate(-50%);background:#111827eb;color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;z-index:1000}